html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#000;color:#fff}section{padding:40px 20px}.section-gradient{position:relative;color:#fff;padding:80px 20px 0;z-index:1}.section-gradient:before{content:"";position:absolute;top:0;left:141px;right:140px;height:80px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:-1}.section-gradient .container{margin-bottom:0}h1,h2,h3{font-weight:700}.video-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:-1}.container{max-width:1200px;margin:auto;background-color:#00000080}.button{background-color:#fff;color:#000;border:none;padding:12px 24px;font-weight:700;cursor:pointer;border-radius:8px}.input,.textarea{width:100%;padding:12px;margin-top:10px;border:1px solid #ccc;border-radius:6px}.card{background:linear-gradient(0deg,#363636,#000);color:#fff;padding:20px;border-radius:12px;margin-bottom:20px;opacity:1}.image-grid{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.image-grid img{width:100%;max-width:300px;border-radius:12px;object-fit:cover;box-shadow:0 0 10px #0000004d}.sidebar{position:fixed;top:50%;left:0;transform:translateY(-50%);background-color:#000;padding:20px 5px;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:10px;z-index:1000}.sidebar a{color:#fff;text-decoration:none;padding:10px 15px;border-radius:4px;transition:all .3s ease;font-weight:700}.sidebar a:hover{background-color:#fff;color:#000}.hamburger{display:none;position:fixed;top:20px;left:20px;font-size:28px;color:#fff;z-index:1100;cursor:pointer}@media (max-width: 768px){.sidebar{transform:translate(-100%);top:0;left:0;height:100%;border-radius:0;padding-top:80px}.sidebar.open{transform:translate(0)}.hamburger{display:block}}.login-overlay-wrapper{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;background-color:#000}.login-bg{width:50%;height:100vh;object-fit:cover;opacity:.3;position:absolute;top:0}.left{left:0}.right{right:0}.login-form-overlay{position:relative;z-index:2;background-color:#000000d9;padding:40px;border-radius:12px;text-align:center;color:#fff;box-shadow:0 0 20px #ffffff1a}.login-form-overlay input,.login-form-overlay button{display:block;width:250px;padding:10px;margin:10px auto;font-size:16px}.dashboard-container{padding:80px 20px;color:#fff;max-width:1200px;margin:auto;background-color:#00000080;border-radius:12px}.section{margin-bottom:0}.section h2{font-size:28px;margin-bottom:16px}.card{background:linear-gradient(0deg,#1e1e1e,#000);padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 0 10px #00000080}.note{background-color:#ffffff0d;padding:15px;border-radius:8px;margin-bottom:10px;font-style:italic}.chart{width:100%;max-width:600px;margin:0 auto}.upload{margin-top:10px}.button{background-color:#fff;color:#000;padding:10px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#000;display:flex;justify-content:center;gap:20px;z-index:1000;border-bottom:1px solid #444}.navbar a{color:#fff;text-decoration:none;padding:10px 15px;font-weight:700;transition:all .3s ease}.navbar a:hover{background-color:#fff;color:#000;border-radius:5px}