.brand-logo-container{flex-shrink:0;justify-content:center;align-items:center;width:auto;margin:0;padding:0;line-height:0;text-decoration:none;display:inline-flex}.brand-logo-container img,.brand-logo-img{object-fit:contain;width:150px;max-width:100%;height:auto;transition:transform .2s;display:block}.brand-logo-container:hover img{transform:scale(1.02)}.brand-logo-container:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #f97316}@media (width<=760px){.brand-logo-container{margin:0;padding:0}}@media (width<=420px){.brand-logo-container{margin:0;padding:0}}.navbar{box-sizing:border-box;z-index:100;background:#11141a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:82px;padding:0 54px;display:flex;position:relative}.navbar-logo{flex-shrink:0;justify-content:flex-start;align-items:center;min-width:150px;display:flex}.navbar-logo .brand-logo-container{justify-content:center;align-items:center;width:auto;margin:0;display:flex}.navbar-logo .brand-logo-container img{object-fit:contain;display:block;width:112px!important;max-width:112px!important;height:auto!important}.navbar-logo .brand-logo-container:hover img{transform:scale(1.015)}.nav-links{align-items:center;gap:34px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#d5dae2;padding:28px 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover{color:#fff}.nav-links a.active{color:#fb923c}.nav-links a:after{content:"";background:#fb923c;border-radius:999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:22px}.nav-buttons{flex-shrink:0;align-items:center;gap:12px;display:flex}.login-btn,.register-btn{border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:0 19px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.login-btn{color:#fdba74;background:0 0;border:1px solid #fdba74b8}.login-btn:hover{color:#fed7aa;background:#f973161f;border-color:#fed7aa;transform:translateY(-1px)}.register-btn{color:#17191e;background:#f97316;border:1px solid #f97316}.register-btn:hover{color:#111318;background:#fb923c;border-color:#fb923c;transform:translateY(-1px)}.navbar-mobile-toggle{color:#fdba74;cursor:pointer;background:#191c22;border:1px solid #fdba7499;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:none}.navbar-mobile-menu{display:none}@media (width<=1200px){.navbar{gap:20px;padding:0 30px}.navbar-logo{min-width:auto}.navbar-logo .brand-logo-container img{width:100px!important;max-width:100px!important}.nav-links{display:none}.navbar-mobile-toggle{display:flex}.navbar-mobile-menu{box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;background:#11141a;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;padding:12px 14px 14px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px);box-shadow:0 18px 35px #00000047}.navbar-mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar-mobile-links{flex-direction:column;gap:3px;width:100%;margin:0;padding:0;display:flex}.navbar-mobile-links a{box-sizing:border-box;color:#d5dae2;border-radius:9px;align-items:center;width:100%;min-height:44px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.navbar-mobile-links a:hover{color:#fff;background:#191c22}.navbar-mobile-links a.active{color:#fdba74;background:#f973161a}.navbar-mobile-auth{border-top:1px solid #ffffff12;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;padding-top:14px;display:grid}.mobile-login-btn,.mobile-register-btn{box-sizing:border-box;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mobile-login-btn{color:#fdba74;background:0 0;border:1px solid #fdba74b8}.mobile-login-btn:hover{color:#fed7aa;background:#f973161f;border-color:#fed7aa}.mobile-register-btn{color:#111318;background:#f97316;border:1px solid #f97316}}@media (width<=760px){.navbar{gap:14px;min-height:72px;padding:10px 16px}.navbar-logo{flex:1;min-width:0}.navbar-logo .brand-logo-container img{width:92px!important;max-width:92px!important}.nav-buttons{display:none}.navbar-mobile-toggle{display:flex}.navbar-mobile-menu{padding:12px 14px 14px}}@media (width<=420px){.navbar{min-height:68px;padding:9px 12px}.navbar-logo .brand-logo-container img{width:84px!important;max-width:84px!important}.navbar-mobile-toggle{width:42px;height:42px}.navbar-mobile-menu{padding:10px 12px 12px}.navbar-mobile-links{gap:2px}.navbar-mobile-links a{min-height:42px;padding:0 12px;font-size:14px}.mobile-login-btn,.mobile-register-btn{min-height:42px;font-size:13px}}@media screen and (width<=1200px){.navbar .nav-links{display:none!important}.navbar .navbar-mobile-toggle{justify-content:center;align-items:center;display:flex!important}.navbar{flex-wrap:nowrap!important}}[data-theme=light] .navbar{background:#fff;border-bottom:1px solid #0f172a1a}[data-theme=light] .nav-links a{color:#334155}[data-theme=light] .nav-links a:hover{color:#0f172a}[data-theme=light] .nav-links a.active{color:#c2410c}[data-theme=light] .nav-links a:after{background:#c2410c}[data-theme=light] .login-btn{color:#9a3412;background:#fff;border-color:#c2410c}[data-theme=light] .login-btn:hover{color:#7c2d12;background:#fff7ed;border-color:#9a3412}[data-theme=light] .register-btn{color:#fff;background:#ea580c;border-color:#ea580c}[data-theme=light] .navbar-mobile-toggle{color:#9a3412;background:#fff;border-color:#c2410c}@media (width<=1200px){[data-theme=light] .navbar-mobile-menu{background:#fff;border-top:1px solid #0f172a14;border-bottom:1px solid #0f172a1a}[data-theme=light] .navbar-mobile-links a{color:#334155}[data-theme=light] .navbar-mobile-links a:hover{color:#0f172a;background:#f8fafc}[data-theme=light] .navbar-mobile-links a.active{color:#9a3412;background:#fff7ed}[data-theme=light] .mobile-login-btn{color:#9a3412;background:#fff;border-color:#c2410c}[data-theme=light] .mobile-register-btn{color:#fff;background:#ea580c;border-color:#ea580c}}.hero{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 78% 38%,#f9731614,#0000 30%),linear-gradient(135deg,#101318,#11151d 55%,#141922);justify-content:space-between;align-items:center;gap:72px;width:100%;min-height:calc(100vh - 82px);padding:72px 8% 82px;display:flex;overflow:hidden}.hero-left{z-index:2;width:100%;max-width:720px;position:relative}.hero-badge{color:#f97316;letter-spacing:.01em;background:#f973160f;border:1px solid #f973166b;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.hero h2{color:#f5f6f8;letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(42px,5vw,64px);font-weight:800;line-height:1.04}.hero h2 span{color:#f97316}.hero-description{color:#a5adb8;width:100%;max-width:650px;margin:0;font-size:18px;line-height:1.7}.hero-buttons{align-items:center;gap:14px;margin-top:32px;display:flex}.hero-buttons button{box-sizing:border-box;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 23px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.hero .primary{color:#111318;background:#f97316;border:1px solid #f97316;box-shadow:0 10px 25px #f9731624}.hero .primary:hover{color:#111318;background:#fb923c;border-color:#fb923c;transform:translateY(-2px);box-shadow:0 14px 30px #f973162e}.hero .secondary{color:#dce1e8;background:#ffffff08;border:1px solid #ffffff2e}.hero .secondary:hover{color:#f97316;background:#f9731614;border-color:#f9731680;transform:translateY(-2px)}.hero-trust{color:#838d9b;align-items:center;gap:8px;margin-top:28px;font-size:13px;line-height:1.5;display:flex}.hero-trust svg{color:#7fbf85;flex-shrink:0}.hero-right{flex-shrink:0;width:100%;max-width:510px;position:relative}.product-preview{box-sizing:border-box;background:#15181ff5;border:1px solid #ffffff17;border-radius:18px;width:100%;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 24px 60px #00000057}.product-preview:hover{border-color:#f9731638;transform:translateY(-4px);box-shadow:0 30px 70px #0006}.product-preview-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px;padding-bottom:22px;display:flex}.preview-label{color:#f97316;letter-spacing:.11em;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.product-preview-header h3{color:#f5f6f8;margin:0;font-size:22px;font-weight:700}.preview-status{color:#90d49b;white-space:nowrap;background:#4ade8014;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px}.preview-feature{border-bottom:1px solid #fff1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 0;display:grid}.preview-feature:last-of-type{border-bottom:none}.preview-icon{color:#f97316;background:#f9731612;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.preview-content{flex-direction:column;gap:5px;min-width:0;display:flex}.preview-content strong{color:#f1f3f5;font-size:14px;font-weight:700}.preview-content span{color:#828c99;font-size:12px;line-height:1.45}.preview-check{color:#7fbf85;flex-shrink:0}.preview-footer{color:#8b94a1;border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:12px;padding-top:18px;font-size:12px;line-height:1.5;display:flex}.preview-footer svg{color:#f97316;flex-shrink:0}html[data-theme=light] .hero{color:#172033;background:radial-gradient(circle at 78% 38%,#f973160d,#0000 30%),linear-gradient(135deg,#f6f7fb,#f8f9fc 55%,#f3f5fa)}html[data-theme=light] .hero h2{color:#172033}html[data-theme=light] .hero h2 span{color:#ed7628}html[data-theme=light] .hero-description{color:#a0a8b5}html[data-theme=light] .hero-badge{color:#ed7628;background:#f9731609;border-color:#f973166b}html[data-theme=light] .hero .secondary{color:#334155;background:#fff;border:1px solid #cfd5de}html[data-theme=light] .hero .secondary:hover{color:#f97316;background:#f973160f;border-color:#f97316}html[data-theme=light] .hero-trust{color:#687385}@media (width<=1050px){.hero{gap:50px;padding:60px 5% 70px}.hero-right{max-width:450px}}@media (width<=550px){.hero{text-align:center;flex-direction:column;justify-content:flex-start;gap:32px;min-height:auto;padding:22px 18px 44px;overflow:visible}.hero-left{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.hero-badge{margin:0 0 24px;padding:8px 14px;font-size:13px}.hero h2{letter-spacing:-.035em;margin:0 0 22px;font-size:40px;line-height:1.04}.hero-description{text-align:center;width:100%;max-width:100%;margin:0 auto;font-size:16px;line-height:1.6}.hero-buttons{flex-direction:column;gap:12px;width:100%;margin-top:26px;display:flex}.hero-buttons button{width:100%;min-height:52px}html[data-theme=light] .hero .secondary{color:#334155;background:#fff;border:1px solid #cbd3df;box-shadow:0 5px 15px #0f172a0d}.hero-trust{text-align:left;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:20px;font-size:13px}.hero-right{width:100%;max-width:100%}.product-preview{padding:22px 18px}.product-preview-header{flex-direction:column;gap:14px}.preview-feature{grid-template-columns:auto minmax(0,1fr)}.preview-check{display:none}}.features-section{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 50% 0,#f9731606,#0000 30%),#101318;width:100%;padding:105px 8% 115px}.section-title{text-align:center;width:100%;max-width:790px;margin:0 auto 62px}.section-title>span{color:#f97316;letter-spacing:.16em;text-transform:uppercase;margin-bottom:17px;font-size:12px;font-weight:800;display:inline-block}.section-title h2{color:#f7f8fa;letter-spacing:-.035em;margin:0 0 21px;font-size:clamp(36px,4vw,48px);font-weight:750;line-height:1.13}.section-title p{color:#b0b8c4;max-width:680px;margin:0 auto;font-size:17px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:1280px;margin:0 auto;display:grid}.feature-card{box-sizing:border-box;background:#15181f;border:1px solid #ffffff14;border-radius:16px;min-height:245px;padding:30px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.feature-card:before{content:"";opacity:0;background:#f97316;border-radius:999px;height:2px;transition:opacity .25s,transform .25s;position:absolute;top:0;left:30px;right:30px;transform:scaleX(.45)}.feature-card:hover{background:#181b22;border-color:#f9731647;transform:translateY(-5px);box-shadow:0 18px 42px #0000003b}.feature-card:hover:before{opacity:1;transform:scaleX(1)}.feature-icon{color:#f97316;background:#f9731612;border:1px solid #f973161a;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:23px;transition:transform .25s,background .25s,border-color .25s;display:flex}.feature-card:hover .feature-icon{background:#f973161c;border-color:#f973163d;transform:translateY(-2px)}.feature-card h3{color:#f4f5f7;letter-spacing:-.01em;margin:0 0 11px;font-size:20px;font-weight:700;line-height:1.3}.feature-card p{color:#b7c0cc;margin:0;font-size:14px;line-height:1.75}@media (width<=1000px){.features-section{padding:90px 5% 100px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.section-title{margin-bottom:48px}.section-title p{font-size:16px}.feature-card{min-height:225px;padding:26px}}@media (width<=600px){.features-section{padding:70px 18px 80px}.feature-grid{grid-template-columns:1fr;gap:16px}.section-title{margin-bottom:42px}.section-title h2{font-size:31px}.section-title p{font-size:15px}.feature-card{min-height:auto;padding:25px 22px}.feature-card:before{left:22px;right:22px}.feature-icon{width:48px;height:48px;margin-bottom:20px}.feature-card h3{font-size:19px}}[data-theme=light] .features-section{color:#0f172a;background:#f8fafc}[data-theme=light] .section-title>span{color:#c2410c}[data-theme=light] .section-title h2{color:#0f172a}[data-theme=light] .section-title p{color:#475569}[data-theme=light] .feature-card{background:#fff;border-color:#0f172a1f;box-shadow:0 8px 24px #0f172a14}[data-theme=light] .feature-card:hover{background:#fff;border-color:#c2410c4d;box-shadow:0 18px 42px #0f172a1f}[data-theme=light] .feature-card h3{color:#1e293b}[data-theme=light] .feature-card p{color:#475569}[data-theme=light] .feature-icon{color:#c2410c;background:#c2410c12;border-color:#c2410c33}.counter-section{box-sizing:border-box;color:#fff;background:#101216;border-top:1px solid #252a33;width:100%;padding:105px 8%}.counter-container{width:100%;max-width:1200px;margin:0 auto}.counter-header{text-align:center;max-width:760px;margin:0 auto 55px}.counter-label{color:#ed7a2c;letter-spacing:2.4px;margin-bottom:16px;font-size:13px;font-weight:800;display:inline-block}.counter-header h2{color:#f8fafc;letter-spacing:-1.5px;margin:0 0 20px;font-size:clamp(38px,4vw,52px);font-weight:800;line-height:1.12}.counter-header p{color:#929bab;max-width:700px;margin:0 auto;font-size:17px;line-height:1.75}.live-status{background:#17191e;border:1px solid #2b3038;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;padding:17px 22px;display:flex}.live-status-left{align-items:center;gap:13px;display:flex}.live-status-left>div:last-child{flex-direction:column;gap:3px;display:flex}.live-status-left strong{color:#f4f5f7;font-size:15px}.live-status-left span{color:#7f8795;font-size:13px}.live-dot{background:#79c987;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #79c98714}.system-status{color:#8bd398;background:#79c98714;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.counter-card{box-sizing:border-box;background:#17191e;border:1px solid #2b3038;border-radius:16px;flex-direction:column;min-height:330px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.counter-card:hover{border-color:#6b4129;transform:translateY(-4px);box-shadow:0 18px 40px #00000038}.counter-card-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.counter-icon{color:#ed7a2c;background:#241e1c;border:1px solid #553520;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.counter-status{color:#8bd398;background:#79c98714;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:700}.counter-content{flex:1}.counter-name{color:#969eac;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.counter-number{color:#fff;letter-spacing:-1.5px;margin-bottom:14px;font-size:48px;font-weight:800;line-height:1;display:block}.counter-content p{color:#8c95a4;max-width:440px;margin:0;font-size:14px;line-height:1.7}.counter-actions{border-top:1px solid #292d34;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}.counter-actions button{color:#aeb5c0;cursor:pointer;background:0 0;border:1px solid #343941;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.counter-actions button:hover{color:#fff;background:#202329;border-color:#505660;transform:translateY(-1px)}.counter-actions .counter-primary-btn{color:#111318;background:#ed7a2c;border-color:#c96120}.counter-actions .counter-primary-btn:hover{color:#111318;background:#f18b48;border-color:#f18b48}.counter-security{color:#858e9c;justify-content:center;align-items:center;gap:9px;margin-top:24px;font-size:13px;display:flex}.counter-security svg{color:#79c987}@media (width<=900px){.counter-section{padding:85px 5%}.counter-grid{grid-template-columns:1fr}.counter-card{min-height:310px}}@media (width<=600px){.counter-section{padding:70px 20px}.counter-header{margin-bottom:40px}.counter-header h2{font-size:34px}.counter-header p{font-size:15px}.live-status{flex-direction:column;align-items:flex-start}.counter-card{min-height:auto;padding:23px}.counter-number{font-size:42px}.counter-actions{flex-direction:column-reverse}.counter-actions button{width:100%}.counter-security{text-align:left;align-items:flex-start}}.footer{box-sizing:border-box;color:#d7d9de;background:#0f1116;border-top:1px solid #ffffff12;width:100%}.footer-container{box-sizing:border-box;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:55px;width:100%;max-width:1280px;margin:0 auto;padding:65px 40px 55px;display:grid}.footer-brand-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.footer-brand-icon{color:#fb923c;background:#f9731614;border:1px solid #f9731633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.footer-brand h2{color:#f5f5f6;letter-spacing:-.02em;margin:0;font-size:23px;font-weight:750}.footer-brand>p{color:#b5bdc8;max-width:320px;margin:0 0 21px;font-size:14px;line-height:1.75}.footer-built{color:#fb923c;align-items:center;gap:8px;display:flex}.footer-built span{color:#fdba74;font-size:13px;font-weight:600}.footer-links h3,.footer-contact h3{color:#f2f3f5;letter-spacing:.01em;margin:0 0 21px;font-size:15px;font-weight:700}.footer-links{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.footer-links a{color:#b3bbc6;font-size:14px;text-decoration:none;transition:color .2s,transform .2s;position:relative}.footer-links a:hover{color:#fb923c;transform:translate(3px)}.footer-contact p{color:#b3bbc6;margin:0 0 18px;font-size:14px;line-height:1.6}.footer-start-link{color:#fdba74;align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.footer-start-link:hover{color:#fed7aa;gap:10px}.footer-bottom{box-sizing:border-box;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:66px;padding:18px 40px;display:flex}.footer-bottom p{color:#a8b0bb;margin:0;font-size:12px}.footer-bottom span{color:#a8b0bb;font-size:12px}@media (width<=900px){.footer-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;padding:55px 30px 45px}}@media (width<=600px){.footer-container{grid-template-columns:1fr;gap:38px;padding:50px 22px 40px}.footer-brand>p{max-width:100%}.footer-bottom{text-align:center;flex-direction:column;justify-content:center;gap:7px;padding:20px}}.app-sidebar{z-index:200;box-sizing:border-box;background:#111318;border-right:1px solid #2b3038;flex-direction:column;width:300px;min-height:100vh;padding:18px 14px 16px;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-close-btn{display:none}.sidebar-brand{box-sizing:border-box;background:0 0;border-bottom:1px solid #ffffff0e;flex-shrink:0;align-items:center;width:100%;padding:6px 8px 21px;display:flex}.app-sidebar .brand-logo-container{width:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.app-sidebar .brand-logo-container img{display:block;width:145px!important;max-width:145px!important;height:auto!important}.sidebar-nav{box-sizing:border-box;flex-direction:column;gap:6px;margin-top:21px;padding:0;display:flex}.sidebar-item{box-sizing:border-box;color:#aeb6c3;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:48px;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.sidebar-item svg{color:#7f8998;flex-shrink:0;transition:color .2s}.sidebar-item:hover{color:#fff;background:#191c22;border-color:#ffffff0b;transform:translate(2px)}.sidebar-item:hover svg{color:#d3dae4}.sidebar-item.active{color:#fff;background:#21242c;border-color:#ed7b2d29;font-weight:700;box-shadow:inset 3px 0 #ed7b2d}.sidebar-item.active svg{color:#ed7b2d}.sidebar-footer{border-top:1px solid #ffffff0e;margin-top:auto;padding-top:18px}.sidebar-logout{box-sizing:border-box;color:#d7a0a0;text-align:left;cursor:pointer;background:#c4454509;border:1px solid #e05b5b33;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:48px;padding:0 15px;font-family:inherit;font-size:14px;font-weight:650;display:flex}@media (width<=900px){.app-sidebar{width:min(280px,86vw);transform:translate(-100%);box-shadow:18px 0 40px #00000059}.app-sidebar.open{transform:translate(0)}.sidebar-close-btn{color:#fff;cursor:pointer;z-index:2;background:#191c22;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:16px;right:14px}.sidebar-brand{padding-right:52px}.app-sidebar .brand-logo-container img{width:125px!important;max-width:125px!important}.sidebar-item,.sidebar-logout{min-height:46px;padding:0 13px;font-size:13px}}.app-layout{box-sizing:border-box;background-color:#0f1220;width:100%;min-height:100vh}.app-main{box-sizing:border-box;width:calc(100% - 300px);min-width:0;max-width:calc(100% - 300px);min-height:100vh;margin-left:300px}.mobile-topbar{display:none}.mobile-menu-btn{color:#ed7b2d;cursor:pointer;background:#191c22;border:1px solid #ed7b2d47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mobile-topbar-title{color:#fff;white-space:nowrap;font-size:18px;font-weight:700}.sidebar-overlay{display:none}@media (width<=900px){.app-main{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-left:0;padding-top:72px}.mobile-topbar{z-index:250;box-sizing:border-box;background:#111318;border-bottom:1px solid #2b3038;align-items:center;gap:14px;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.sidebar-overlay{z-index:180;cursor:pointer;background:#0000008c;border:none;padding:0;display:block;position:fixed;inset:0}}@media (width<=600px){.app-main{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-left:0;padding-top:64px}.mobile-topbar{height:56px;padding:0 12px}.mobile-menu-btn{width:38px;height:38px}.mobile-topbar-title{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--bg-main:#0d1018;--bg-secondary:#11141b;--bg-card:#15181f;--bg-card-header:#171a21;--bg-input:#11141a;--bg-hover:#ffffff0a;--text-primary:#f5f7fa;--text-secondary:#cbd1d9;--text-muted:#8f98a6;--border-primary:#ffffff14;--border-secondary:#ffffff1f;--accent:#f97316;--accent-hover:#fb923c;--accent-soft:#f9731614;--sidebar-bg:#101218;--success:#9dd58c;--warning:#e5c863;--danger:#d8898d;--shadow:0 8px 24px #0000001f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg-main:#f5f7fb;--bg-secondary:#eef2f7;--bg-card:#fff;--bg-card-header:#fafbfc;--bg-input:#fff;--bg-hover:#0f172a0a;--text-primary:#172033;--text-secondary:#475569;--text-muted:#718096;--border-primary:#dde3eb;--border-secondary:#cbd5e1;--accent:#e87527;--accent-hover:#d96517;--accent-soft:#e8752717;--sidebar-bg:#fff;--success:#3f8f4f;--warning:#9a7a12;--danger:#b45359;--shadow:0 8px 24px #0f172a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:var(--bg-main);min-height:100%;transition:background-color .25s,color .25s}body{background:var(--bg-main);min-width:320px;min-height:100vh;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;transition:background-color .25s,color .25s}#root{min-height:100vh}.app{background:var(--bg-main);min-height:100vh;color:var(--text-primary)}button,input,select,textarea{font:inherit}button{transition:background-color .2s,border-color .2s,color .2s,transform .2s}a{color:inherit}::selection{background:#f9731640}.navbar{border-bottom:1px solid var(--border-primary);background:var(--bg-main);height:80px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 8%;display:flex}.navbar h1{color:var(--accent);font-size:28px}.nav-buttons{gap:15px;display:flex}.nav-buttons button{border:1px solid var(--accent);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-size:15px}.nav-buttons .register-btn{background:var(--accent);color:#111827}.hero{text-align:center;background:var(--bg-main);min-height:560px;color:var(--text-primary);justify-content:center;align-items:center;padding:60px 20px;display:flex}.hero-content{max-width:850px}.tagline{color:var(--accent);letter-spacing:3px;margin-bottom:20px;font-size:14px}.hero h2{color:var(--text-primary);margin-bottom:25px;font-size:58px;line-height:1.1}.description{color:var(--text-muted);max-width:650px;margin:0 auto 35px;font-size:20px;line-height:1.6}.hero-buttons{justify-content:center;gap:15px;display:flex}.hero-buttons button{cursor:pointer;border-radius:8px;padding:14px 28px;font-size:16px}.primary-btn{background:var(--accent);color:#111827;border:none}.secondary-btn{border:1px solid var(--border-secondary);color:var(--text-primary);background:0 0}.features{background:var(--bg-secondary);grid-template-columns:repeat(3,1fr);gap:25px;padding:60px 8%;display:grid}.feature-card{border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow);border-radius:12px;padding:30px}.feature-card h3{color:var(--text-primary);margin-bottom:15px;font-size:20px}.feature-card p{color:var(--text-muted);line-height:1.6}.dashboard-layout,.dashboard-main,.settings-layout,.settings-main{background:var(--bg-main);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-main)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:999px}@media (width<=768px){.navbar{padding:0 5%}.hero h2{font-size:40px}.features{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}}