@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#152035;font-synthesis:none;--ink:#111a2c;--muted:#788399;--line:#e4e8f0;--card:#fff;--nav:#0c1120;--accent:#6d5dfc;background:#f3f5f9;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;z-index:5;flex-direction:column;width:232px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 34px;font-size:16px;font-weight:700;display:flex}.brand b{color:#988dff;text-transform:uppercase;background:#211c48;border-radius:5px;padding:4px 6px;font:500 10px DM Mono}.brand__mark,.login-logo{background:linear-gradient(145deg,#8c7cff,#5a47ef);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 8px 30px #6d5dfc55}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#8f99ad;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.nav-item span{text-align:center;width:20px;font:500 19px DM Mono}.nav-item:hover{color:#fff;background:#151c30}.nav-item.active{color:#fff;background:#202743;box-shadow:inset 3px 0 #8173ff}.sidebar__foot{border-top:1px solid #20283b;margin-top:auto;padding:20px 10px 0}.status-dot{color:#7d889d;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot i,.live i{background:#52d39a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #52d39a18}.logout{color:#697489;cursor:pointer;background:0 0;border:0;padding:16px 0 0;font-size:11px}.main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#f7f8fb;justify-content:space-between;align-items:center;height:104px;padding:24px 34px;display:flex}.topbar p,.eyebrow,.section-head span,.drawer-head span{letter-spacing:.18em;color:#8b94a6;margin:0 0 7px;font:500 9px DM Mono}.topbar h1{color:var(--ink);margin:0;font-size:22px;line-height:1}.topbar__right{color:#8993a5;align-items:center;gap:18px;font:500 10px DM Mono;display:flex}.live{color:#49a77f;background:#e8f8f1;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;display:flex}.content{max-width:1480px;margin:auto;padding:28px 34px 42px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);grid-template-areas:"metrics metrics""chart system""ops users";gap:18px;display:grid}.metrics-grid{grid-area:metrics;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:136px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 18px #24314b08}.metric>span{color:#737e92;font-size:11px;font-weight:600;display:block}.metric strong{letter-spacing:-.04em;color:var(--ink);margin:14px 0 8px;font-size:30px;display:block}.metric small{color:#8c96a8;font-size:10px}.metric i{opacity:.14;border-radius:50%;width:68px;height:68px;position:absolute;top:-18px;right:-18px}.metric.violet i{background:#6e5eff}.metric.green i{background:#22b879}.metric.blue i{background:#3c87ed}.metric.orange i{background:#f39a44}.card{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 4px 18px #24314b08}.chart-card{grid-area:chart;min-height:330px;padding:24px}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.section-head h2{color:var(--ink);margin:0;font-size:15px}.chart-total{font:600 20px DM Mono}.chart-total small{color:var(--muted);font:500 9px Manrope}.bar-chart{background:repeating-linear-gradient(#0000 0 54px,#eef1f6 55px);border-bottom:1px solid #e5e9f0;align-items:end;gap:5px;height:220px;display:flex}.bar-wrap{flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:3px;height:100%;display:flex}.bar{background:linear-gradient(#8173ff,#6452eb);border-radius:4px 4px 1px 1px;width:70%;max-width:16px;min-height:3px;transition:all .2s}.bar:hover{filter:brightness(1.12)}.bar-wrap span{color:#9aa3b2;white-space:nowrap;height:18px;padding-top:5px;font:400 7px DM Mono}.system-card,.recent-users,.recent-ops{padding:22px}.system-card{grid-area:system}.system-list{flex-direction:column;display:flex}.system-row{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex}.system-row:last-child{border:0}.system-row span{color:#6f7b8f;align-items:center;gap:9px;display:flex}.system-row i{background:#51cc94;border-radius:50%;width:6px;height:6px}.system-row i.warn{background:#f17d6b}.system-row b{font:500 12px DM Mono}.recent-users{grid-area:users}.recent-ops{grid-area:ops}.user-stack,.op-list{flex-direction:column;display:flex}.mini-user{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.mini-user:last-child{border:0}.mini-user:hover b{color:var(--accent)}.mini-user div{min-width:0}.mini-user b,.table-user b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.mini-user span,.table-user span,.account-row small{color:#929cad;font-size:9px}.mini-user time{color:#9da5b2;font:400 8px DM Mono}.avatar{object-fit:cover;background:#edeaff;border-radius:10px;width:31px;height:31px}.avatar.fallback{color:#6757ed;place-items:center;font-size:11px;font-weight:800;display:grid}.avatar.large{border-radius:17px;width:54px;height:54px;font-size:20px}.op-row{border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.op-row:last-child{border:0}.op-icon{color:#de6654;background:#fff0ed;border-radius:9px;place-items:center;width:31px;height:31px;font:500 15px DM Mono;display:grid}.op-icon.income,.op-icon.capital_income,.op-icon.asset_sell{color:#28a673;background:#e8f8f1}.op-icon.transfer{color:#4b7cd4;background:#edf3ff}.op-row b{font-size:11px;display:block}.op-row small{color:#929bad;margin-top:3px;font-size:9px;display:block}.op-row strong{font:500 10px DM Mono}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toolbar form{gap:9px;display:flex}.search{color:#8d97a8;background:#fff;border:1px solid #dde2ea;border-radius:10px;align-items:center;gap:8px;width:310px;height:40px;padding:0 13px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.toolbar select,.grant-row select{color:#59657a;background:#fff;border:1px solid #dde2ea;border-radius:10px;height:40px;padding:0 28px 0 12px;font-size:10px}.primary,.secondary{background:var(--accent);color:#fff;border:0;border-radius:9px;height:40px;padding:0 17px;font-size:10px;font-weight:700}.primary:hover{background:#5c4bed}.results{color:#7f899b;font:500 10px DM Mono}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.1em;text-transform:uppercase;color:#929bad;border-bottom:1px solid var(--line);background:#fafbfc;padding:13px 17px;font:500 8px DM Mono}td{color:#4c586d;border-bottom:1px solid #edf0f5;max-width:330px;padding:13px 17px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:all .15s}tbody tr:hover{background:#fafaff}.table-user{align-items:center;gap:10px;min-width:170px;display:flex}.table-user>div{min-width:0}code{color:#667187;font:400 9px DM Mono}.json{white-space:nowrap;text-overflow:ellipsis;max-width:300px;display:block;overflow:hidden}.chevron{color:#a5adba;font-size:18px}.badge{white-space:nowrap;color:#6f7887;background:#eef0f4;border-radius:6px;padding:5px 7px;font:500 8px DM Mono;display:inline-flex}.badge.active,.badge.applied{color:#248b63;background:#e7f7f0}.badge.trialing,.badge.pending{color:#9b741b;background:#fff5d8}.badge.failed,.badge.expired,.badge.canceled{color:#be594a;background:#ffebe8}.badge.grace{color:#8067d8;background:#f0ecff}.pagination{border-top:1px solid var(--line);color:#8993a4;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;font-size:9px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:8px;width:29px;height:29px}.pagination button:disabled{opacity:.35}.alert{color:#a74b40;background:#fff0ed;border:1px solid #ffd8d2;border-radius:10px;justify-content:space-between;margin:18px 34px -8px;padding:11px 14px;font-size:10px;display:flex}.alert button{color:inherit;background:0 0;border:0}.loading,.empty{color:#909aab;justify-content:center;align-items:center;gap:10px;min-height:180px;font-size:10px;display:flex}.spinner{border:2px solid #d8dce7;border-top-color:#6d5dfc;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.global-loader{z-index:20;background:#fff8;place-items:center;display:grid;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#08101c99;position:fixed;inset:0}.drawer{background:#f6f7fa;width:min(590px,100%);position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-18px 0 70px #08101c44}.drawer-head{color:#fff;background:#10172a;align-items:center;gap:16px;min-height:140px;padding:31px 31px 24px;display:flex;position:relative}.drawer-head>button{color:#fff;background:#ffffff12;border:0;border-radius:8px;width:30px;height:30px;font-size:17px;position:absolute;top:18px;right:20px}.drawer-head h2{margin:0 0 4px;font-size:21px}.drawer-head p{color:#909bb0;margin:0;font:400 10px DM Mono}.drawer-summary{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);display:grid}.drawer-summary>div{border-right:1px solid var(--line);padding:15px}.drawer-summary span{color:#929bad;margin-bottom:7px;font-size:8px;display:block}.drawer-summary b{font-size:10px}.tabs{border-bottom:1px solid var(--line);z-index:2;background:#fff;padding:0 25px;display:flex;position:sticky;top:0}.tabs button{color:#8b94a5;background:0 0;border:0;border-bottom:2px solid #0000;padding:15px 12px 12px;font-size:9px;font-weight:600}.tabs button.active{border-color:var(--accent);color:var(--accent)}.drawer-body{padding:19px}.drawer-section{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:14px;padding:18px}.drawer-section h3{margin:0 0 14px;font-size:11px}.key-value{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.key-value:last-child{border:0}.key-value span{color:#7f899b;font-size:9px}.key-value code{text-overflow:ellipsis;max-width:320px;overflow:hidden}.account-row{border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.account-row>span{color:#6958ee;background:#f0edff;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.account-row b{font-size:10px;display:block}.usage-row{border-bottom:1px solid #edf0f5;grid-template-columns:1fr auto;gap:3px 12px;padding:10px 0;display:grid}.usage-row b{font-size:10px}.usage-row span,.usage-row small,.section-note{color:#929bad;font-size:8px}.usage-row strong{font:500 18px DM Mono}.usage-row small{grid-column:1/-1}.secondary{color:#59657a;background:#f0f1f5;width:100%;margin-top:13px}.secondary.danger{color:#c45c4d;background:#fff0ed}.grant-row{grid-template-columns:1fr auto;gap:8px;display:grid}.section-note{line-height:1.5}.audit-row{border-bottom:1px solid #edf0f5;gap:10px;padding:10px 0;display:flex}.audit-row>span{color:#6958ee;font-size:7px}.audit-row b{font:500 9px DM Mono;display:block}.audit-row small{color:#939cad;word-break:break-word;margin-top:4px;font-size:8px;display:block}.login-page,.splash{color:#fff;background:#0b1020;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-page:after{content:"";background-image:linear-gradient(#fff03 1px, transparent 1px), linear-gradient(90deg, #fff03 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.login-orb{filter:blur(10px);border-radius:50%;position:absolute}.login-orb.one{background:#6d5dfc30;width:400px;height:400px;top:-180px;left:-100px}.login-orb.two{background:#24c99318;width:300px;height:300px;bottom:-140px;right:-80px}.login-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12192bdd;border:1px solid #ffffff17;border-radius:22px;width:min(430px,100% - 32px);padding:46px;position:relative;box-shadow:0 30px 90px #0008}.login-logo{border-radius:14px;width:46px;height:46px;margin-bottom:30px}.login-card h1{letter-spacing:-.05em;margin:12px 0 18px;font-size:44px;line-height:1.02}.login-card h1 em{color:#8476ff;font-style:normal}.login-card>p{color:#9da8ba;margin:0 0 29px;font-size:12px;line-height:1.7}.login-form{gap:16px;display:grid}.login-form label{color:#8f9bae;letter-spacing:.1em;text-transform:uppercase;gap:7px;font-size:9px;font-weight:800;display:grid}.login-form input{color:#f4f6fb;width:100%;font:inherit;letter-spacing:normal;text-transform:none;background:#0a1020b8;border:1px solid #ffffff18;border-radius:10px;outline:none;padding:13px 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:#8476ff;box-shadow:0 0 0 3px #8476ff20}.login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7768ff,#6254e8);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:45px;margin-top:3px;font-size:11px;font-weight:800;display:flex}.login-form button:disabled{cursor:wait;opacity:.6}.login-error{color:#ff998d;background:#ff6b5b17;border:1px solid #ff6b5b30;border-radius:9px;margin-top:12px;padding:10px;font-size:10px}.login-card small{color:#606b7e;margin-top:23px;font-size:8px;display:block}.password-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d18b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.password-dialog{color:#fff;background:#12192b;border:1px solid #ffffff17;border-radius:18px;width:min(420px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #0009}.password-dialog h2{margin:10px 0 8px;font-size:24px}.password-dialog>p{color:#8f9bae;margin:0 0 24px;font-size:10px;line-height:1.6}.password-dialog__close{color:#818ca0;cursor:pointer;background:0 0;border:0;font-size:21px;position:absolute;top:15px;right:17px}.splash{align-content:center;gap:20px}.splash .login-logo{margin:0}.splash .spinner{border-color:#8d80ff #ffffff30 #ffffff30}@media (width<=1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"metrics""chart""system""users""ops"}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:10;flex-direction:row;width:auto;height:64px;padding:7px 10px;position:fixed;inset:auto 0 0}.brand,.sidebar__foot{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;gap:1px;padding:6px 8px;font-size:8px}.nav-item span{font-size:15px}.nav-item.active{box-shadow:none}.main{padding-bottom:64px}.topbar{height:80px;padding:18px}.topbar__right>span:last-child{display:none}.content{padding:18px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:115px;padding:15px}.metric strong{font-size:24px}.dashboard-grid{gap:10px}.toolbar{display:block}.toolbar form{grid-template-columns:1fr auto;display:grid}.search{grid-column:1/-1;width:auto}.results{margin-top:12px;display:block}.drawer-summary{grid-template-columns:repeat(2,1fr)}.alert{margin:12px 18px}.login-card{padding:32px}.login-card h1{font-size:38px}}