.dashboard-page{color:#f4f7ff;background:#050812;min-height:100vh;display:flex}.sidebar{z-index:30;background:linear-gradient(#090e1d 0%,#070b17 100%);border-right:1px solid #7e93d21c;flex-direction:column;width:244px;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{justify-content:space-between;align-items:center;padding:0 9px 31px;display:flex}.close-menu{color:#8691ad;background:0 0;border:0;display:none}.side-nav{gap:5px;display:grid}.nav-label{letter-spacing:1.6px;color:#46516e;padding:0 12px 8px;font-size:9px;font-weight:700}.nav-label-spaced{margin-top:25px}.side-nav button,.side-bottom>button{color:#7985a3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;font-size:12px;transition:all .2s;display:flex}.side-nav button:hover,.side-bottom>button:hover{color:#dce5ff;background:#4b5e9414}.side-nav button.active{color:#eef4ff;background:linear-gradient(100deg,#3571ff33,#6444ff26);border-color:#5675ff2b;box-shadow:inset 3px 0 #579dff,0 0 24px #3957e80f}.side-nav button.active svg{color:#61b7ff;filter:drop-shadow(0 0 7px #44a2ff8c)}.side-nav button i{color:#a8b7ff;background:#565cff30;border-radius:7px;place-items:center;width:22px;height:19px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.side-bottom{gap:15px;margin-top:auto;display:grid}.system-chip{background:#19413e17;border:1px solid #5589811f;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;display:flex}.system-chip>span{background:#38dfb1;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #38dfb1}.system-chip div{gap:3px;display:grid}.system-chip b{color:#9fc9c0;font-size:9px}.system-chip small{color:#4f6869;font-size:8px}.dashboard-content{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#060a15d6;border-bottom:1px solid #7c91cc1a;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.mobile-menu{color:#8995b2;background:0 0;border:0;display:none}.search-box{color:#596681;background:#0a0f1e;border:1px solid #8397cf21;border-radius:10px;align-items:center;gap:9px;width:min(350px,36vw);height:38px;padding:0 11px;display:flex}.search-box input{color:#dfe6fa;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-box input::placeholder{color:#4c5772}.search-box kbd{color:#6c7895;background:#11172a;border:1px solid #8091c521;border-radius:5px;padding:3px 6px;font-size:8px}.top-actions{align-items:center;gap:14px;display:flex}.icon-button{color:#8995b0;cursor:pointer;background:#0b1020;border:1px solid #7f93cb1f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button i{background:#6357ff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 8px #6357ff}.profile-wrap{position:relative}.profile-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.avatar{background:linear-gradient(145deg,#437fff,#7354ee);border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;box-shadow:0 0 20px #4b58ff38}.profile-button>span:nth-child(2){text-align:left;gap:3px;display:grid}.profile-button b{color:#dbe2f5;font-size:10px}.profile-button small{color:#697490;font-size:8px}.profile-button>svg{color:#59647f}.profile-menu{border-radius:12px;width:210px;padding:12px;position:absolute;top:48px;right:0}.profile-menu p{text-overflow:ellipsis;color:#77829c;margin:0 0 9px;font-size:10px;overflow:hidden}.profile-menu button{color:#ff9aaa;cursor:pointer;background:#ff4f7014;border:0;border-radius:8px;width:100%;padding:9px;font-size:10px}.dashboard-body{max-width:1600px;margin:0 auto;padding:34px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.section-kicker{letter-spacing:1.7px;font-weight:700;color:#4f78d4!important;margin:0 0 9px!important;font-size:9px!important}.welcome-row h1{letter-spacing:-1.2px;margin:0 0 7px;font-size:clamp(25px,3vw,34px)}.welcome-row h1 span{font-size:.75em}.welcome-row p{color:#68748f;margin:0;font-size:11px}.date-chip{color:#46d6b0;background:#205b4e14;border:1px solid #679b8d1c;border-radius:12px;align-items:center;gap:11px;padding:10px 13px;display:flex}.date-chip span{gap:2px;display:grid}.date-chip b{color:#8bcaba;font-size:9px}.date-chip small{color:#536d6d;font-size:8px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{border-radius:15px;min-height:142px;padding:17px 18px 0;position:relative;overflow:hidden}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-icon{background:#3f82ff1c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.metric-change{color:#4ed8ad;background:#2b947314;border-radius:999px;padding:5px 7px;font-size:8px}.metric-card p{color:#76819c;margin:13px 0 4px;font-size:9px}.metric-card strong{letter-spacing:-.8px;font-size:25px}.metric-card svg{width:100%;height:54px;position:absolute;bottom:0;left:0;overflow:visible}.metric-blue{color:#49bfff}.metric-violet{color:#785dff}.metric-cyan{color:#45ddcc}.metric-orange{color:#ffa45e}.metric-card p,.metric-card strong,.metric-card .metric-change{color:initial}.metric-card strong{color:#f5f7ff}.metric-card p{color:#76819c}.metric-card .metric-change{color:#4ed8ad}.metric-violet .metric-icon{background:#714eff1f}.metric-cyan .metric-icon{background:#34d1be1a}.metric-orange .metric-icon{background:#ff89491a}.primary-grid{grid-template-columns:minmax(0,1fr) 310px;gap:14px;margin-top:14px;display:grid}.chart-card,.status-card,.users-card,.quick-card{border-radius:15px;padding:21px}.card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.card-heading h2{margin:0 0 5px;font-size:13px}.card-heading p{color:#66728f;margin:0;font-size:9px}.card-heading select{color:#8792ad;background:#0d1324;border:1px solid #7f94ce21;border-radius:8px;outline:0;padding:7px 25px 7px 9px;font-size:9px}.chart-legend{color:#6c7895;justify-content:flex-end;gap:16px;margin:3px 0 0;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:7px;height:7px}.legend-blue{background:#47c2ff;box-shadow:0 0 7px #47c2ff}.legend-violet{background:#795cff;box-shadow:0 0 7px #795cff}.line-chart{height:260px;margin-top:5px;padding-left:36px;position:relative}.line-chart svg{filter:drop-shadow(0 0 8px #3288ff14);width:100%;height:225px;overflow:visible}.grid-lines{stroke:#7c91c61a;stroke-width:1px;stroke-dasharray:4 5}.y-labels{color:#3f4a65;flex-direction:column;justify-content:space-between;height:208px;font-size:8px;display:flex;position:absolute;top:12px;left:0}.x-labels{color:#47526c;justify-content:space-between;padding:0 8px;font-size:8px;display:flex}.status-card{min-width:0}.live-dot{color:#42dbaf;background:#27b88b14;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:700}.donut-wrap{place-items:center;padding:19px 0 14px;display:grid}.donut{background:conic-gradient(#47c8ff 0 38%, #6058ff 38% 72%, #9b4fff 72% 89%, #2bddbd 89% 100%);filter:drop-shadow(0 0 22px #5466ff2e);border-radius:50%;place-items:center;width:155px;height:155px;display:grid;position:relative}.donut:before{content:"";background:#0b1020;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:inset 0 0 20px #293e6c2e}.donut div{z-index:1;text-align:center;gap:3px;display:grid}.donut strong{font-size:22px}.donut span{color:#64718d;font-size:8px}.status-list{gap:10px;display:grid}.status-list>div{border-bottom:1px solid #7b8fc714;justify-content:space-between;padding-bottom:9px;font-size:9px;display:flex}.status-list>div:last-child{border:0}.status-list span{color:#77839f;align-items:center;gap:7px;display:flex}.status-list b{color:#a9b5cd;font-weight:600}.status-list i{border-radius:50%;width:6px;height:6px}.dot-cyan{background:#36dbbd;box-shadow:0 0 7px #36dbbd}.dot-violet{background:#795cff;box-shadow:0 0 7px #795cff}.dot-blue{background:#48bfff;box-shadow:0 0 7px #48bfff}.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:14px;margin-top:14px;display:grid}.card-heading button{color:#5d85df;cursor:pointer;background:0 0;border:0;font-size:9px}.user-list{margin-top:16px;display:grid}.user-row{border-top:1px solid #7c90c714;grid-template-columns:34px minmax(160px,1fr) auto 80px;align-items:center;gap:11px;min-width:0;padding:11px 0;display:grid}.user-avatar{background:linear-gradient(145deg,#317ed6,#5053d5);border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.avatar-1{background:linear-gradient(145deg,#8b5bd9,#d95b9e)}.avatar-2{background:linear-gradient(145deg,#2c9c8f,#4c8bd2)}.user-row>div{gap:4px;min-width:0;display:grid}.user-row b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.user-row small{color:#59647d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.role-badge{color:#8ca9ee;background:#4564c11a;border-radius:6px;padding:5px 7px;font-size:7px}.user-row time{color:#505b73;text-align:right;font-size:8px}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.quick-grid button{text-align:left;cursor:pointer;background:#0e14268f;border:1px solid #7c92cd1a;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:27px 1fr;align-items:center;column-gap:9px;min-height:82px;padding:12px;transition:all .2s;display:grid}.quick-grid button:hover{background:#19224399;border-color:#557eff47;transform:translateY(-1px)}.quick-grid span{color:#67b8ff;background:#3b7eff1c;border-radius:8px;grid-row:1/3;place-items:center;width:27px;height:27px;display:grid}.quick-grid b{align-self:end;font-size:9px}.quick-grid small{color:#55617b;align-self:start;font-size:7px}.nav-overlay{display:none}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:30px 0 70px #00000073}.sidebar-open{transform:translate(0)}.close-menu{display:block}.nav-overlay{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02040aa6;border:0;display:block;position:fixed;inset:0}.dashboard-content{width:100%;margin-left:0}.mobile-menu{place-items:center;display:grid}.topbar{padding:0 20px}.search-box{margin-left:12px;margin-right:auto}.primary-grid{grid-template-columns:1fr}.status-card{grid-template-columns:1fr 180px 1fr;align-items:center;display:grid}.status-card .card-heading{display:block}}@media (width<=640px){.dashboard-body{padding:24px 16px}.topbar{height:66px}.search-box,.profile-button>span:nth-child(2),.profile-button>svg{display:none}.welcome-row{align-items:flex-start}.date-chip{display:none}.metrics-grid{grid-template-columns:1fr}.chart-card{padding:17px 13px}.line-chart{height:230px;padding-left:29px}.line-chart svg{height:195px}.status-card{display:block}.bottom-grid{grid-template-columns:1fr}.user-row{grid-template-columns:34px minmax(120px,1fr) auto}.user-row time{display:none}.quick-grid{grid-template-columns:1fr}}.login-page{place-items:center;min-height:100vh;padding:36px;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(80px);pointer-events:none;opacity:.22;border-radius:999px;position:fixed}.login-orb-one{background:#3f49f2;width:380px;height:380px;top:-150px;right:10%}.login-orb-two{background:#7938d6;width:320px;height:320px;bottom:-120px;left:-140px}.login-shell{z-index:1;background:#060913db;border:1px solid #8b9cdb24;border-radius:30px;grid-template-columns:46% 54%;width:min(1120px,100%);min-height:700px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000085}.login-form-side{background:linear-gradient(160deg,#0b0f1dfa,#070a14fa);flex-direction:column;padding:42px 54px 30px;display:flex}.brand{align-items:center;gap:11px;min-height:42px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#4cc7ff,#6257ff 58%,#b44bff);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 28px #5367ff57}.brand-copy{align-items:baseline;gap:7px;display:flex}.brand-copy b{letter-spacing:-.4px;font-size:20px}.brand-copy small{letter-spacing:1.8px;color:#7e89a8;font-size:9px}.form-wrap{margin:auto 0;padding:50px 0}.eyebrow{color:#7fbfff;letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.form-wrap h1{letter-spacing:-1.8px;margin:18px 0 10px;font-size:clamp(34px,4vw,48px);line-height:1.05}.form-lead{color:#8791ac;max-width:380px;margin:0 0 35px;font-size:14px;line-height:1.65}.form-wrap form{gap:11px;display:grid}.form-wrap label{color:#cbd2e7;margin-top:5px;font-size:12px;font-weight:600}.form-wrap input{color:#f8f9ff;background:#0a0f1e;border:1px solid #8999d12e;border-radius:13px;outline:none;width:100%;height:52px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.form-wrap input::placeholder{color:#4b5571}.form-wrap input:focus{border-color:#4d86ff;box-shadow:0 0 0 3px #4875ff21,0 0 24px #3465ff14}.password-field{position:relative}.password-field input{padding-right:50px}.reveal{color:#6f7a99;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;display:grid;position:absolute;inset:0 10px 0 auto}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#397dff,#654dff 60%,#8b4ff8);border:0;border-radius:13px;height:52px;margin-top:13px;font-size:13px;font-weight:700;transition:transform .2s,filter .2s;box-shadow:0 12px 30px #4948ff40,inset 0 1px #fff3}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.form-error{color:#ff91a6;background:#ff466914;border:1px solid #ff557729;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45}.security-note{color:#5d6782;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.back-link{color:#73809f;cursor:pointer;background:0 0;border:0;margin-bottom:20px;padding:0;font-size:12px}.two-factor-icon{color:#8be8ff;background:linear-gradient(145deg,#3080ff2e,#7544ff2e);border:1px solid #638aff33;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.code-input{font-family:var(--font-geist-mono), monospace;text-align:center;letter-spacing:12px;font-size:25px;font-weight:700;padding-left:28px!important}.login-visual{background:radial-gradient(circle at 80% 15%,#417ff547,#0000 43%),linear-gradient(145deg,#0d1429,#080c18 56%,#0d0a1b);padding:68px 58px;position:relative;overflow:hidden}.visual-grid{opacity:.16;background-image:linear-gradient(#5d7fcd2e 1px,#0000 1px),linear-gradient(90deg,#5d7fcd2e 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.visual-copy{z-index:1;position:relative}.visual-pill{color:#7da6ff;letter-spacing:1.4px;background:#27386738;border:1px solid #809bff33;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-flex}.visual-copy h2{letter-spacing:-2.1px;margin:23px 0 14px;font-size:clamp(35px,4vw,51px);line-height:1.08}.visual-copy h2 em{color:#75c9ff;text-shadow:0 0 28px #41a2ff40;font-style:normal}.visual-copy p{color:#8490ad;max-width:380px;font-size:13px;line-height:1.7}.mini-dashboard{border-radius:20px;width:560px;height:330px;padding:23px;position:absolute;bottom:-36px;left:74px;transform:perspective(1000px)rotateX(2deg)rotateY(-8deg)rotate(-1deg);box-shadow:0 50px 90px #00000080,0 0 80px #3456ff26}.mini-header{align-items:center;gap:6px;display:flex}.mini-header i{background:#34405c;border-radius:50%;width:6px;height:6px}.mini-header span{background:#18213c;border-radius:999px;width:120px;height:8px;margin-left:auto}.mini-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 15px;display:grid}.mini-kpis b{background:linear-gradient(145deg,#111a33,#0c1327);border:1px solid #748edb1f;border-radius:11px;height:64px}.mini-chart{background:linear-gradient(#19264680,#080d1b4d);border-radius:12px;height:170px;padding:14px}.mini-chart svg{filter:drop-shadow(0 0 8px #4194ff3d);width:100%;height:100%;overflow:visible}@media (width<=850px){.login-page{padding:18px}.login-shell{grid-template-columns:1fr;min-height:auto}.login-visual{display:none}.login-form-side{min-height:calc(100vh - 36px);padding:32px 30px}}@media (width<=480px){.login-page{padding:0}.login-shell{border:0;border-radius:0}.login-form-side{min-height:100vh;padding:28px 22px}}:root{--background:#050710;--surface:#0b1020;--surface-2:#10162a;--border:#889bd824;--text:#f6f8ff;--muted:#7f89a7;--blue:#42b9ff;--violet:#7357ff;--cyan:#48e1d0;--danger:#ff5f7d}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 82% 0%, #2866d324, transparent 30rem), radial-gradient(circle at 18% 100%, #6233df1a, transparent 34rem), var(--background);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:#5580ff61}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#202945;border-radius:999px}.glass-panel{border:1px solid var(--border);background:linear-gradient(145deg,#0f1529f0,#070b17ed);box-shadow:inset 0 1px #ffffff06,0 20px 50px #0003}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}