:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101d;--surface:#0d1828;--surface-2:#111f33;--surface-3:#162943;--line:#213650;--line-soft:#192a40;--text:#edf4ff;--muted:#94a8c1;--muted-2:#6f86a3;--blue:#5b91f2;--blue-2:#2f6fd8;--cyan:#55c7e8;--green:#55d6a5;--yellow:#f2c66d;--red:#ff8d9c;--radius:16px;--shadow:0 18px 45px #00000038}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 78% -10%,#3d73c929,transparent 34%),var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);scrollbar-width:thin;background:linear-gradient(#0b1626 0%,#091320 100%);height:100vh;padding:24px 16px;position:sticky;top:0;overflow:auto}.logo{letter-spacing:-.04em;margin:2px 10px 5px;font-size:24px;font-weight:900}.logo span{color:var(--blue)}.brand-subtitle{color:var(--muted-2);text-transform:uppercase;letter-spacing:.16em;margin:0 10px 18px;font-size:11px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#08121fdb;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.topbar>div:first-child{gap:3px;display:grid}.topbar strong{font-size:14px}.topbar span{color:var(--muted);font-size:12px}.dashboard{width:100%;max-width:1440px;margin:0 auto;padding:38px 42px 60px}.eyebrow{color:#80afff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.dashboard h1{letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(30px,3vw,46px);line-height:1.05}.dashboard h2{letter-spacing:-.02em}.lead{color:var(--muted);max-width:820px;margin:0 0 28px;line-height:1.65}.cards,.kpi-grid,.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards article,.kpi,.panel,.module-card,.table-card{border:1px solid var(--line);background:linear-gradient(#111f33f2,#0c1828f2);transition:border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 1px #ffffff05}.cards article:hover,.module-card:hover{box-shadow:var(--shadow);border-color:#35567e;transform:translateY(-1px)}.cards article{border-radius:var(--radius);padding:22px}.cards h2{margin:0 0 10px}.cards p{color:var(--muted);margin:0 0 18px;line-height:1.55}.cards span{color:#75a7ff;font-size:12px}.kpi{border-radius:14px;gap:7px;min-height:118px;padding:18px 19px;display:grid}.kpi span{color:var(--muted);font-size:12px;font-weight:650}.kpi strong{letter-spacing:-.03em;font-size:24px;line-height:1.1}.kpi small{color:var(--muted-2);font-size:11px}.panel{border-radius:var(--radius);margin-top:18px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{margin:0;font-size:18px}.panel-heading span{color:var(--muted-2);font-size:12px}.table-wrap{border:1px solid var(--line-soft);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);text-align:left;background:#0a1626;padding:11px 13px;font-size:10px}td{border-top:1px solid var(--line-soft);color:#dbe7f7;padding:13px;font-size:13px}td small{color:var(--muted-2);margin-top:4px;display:block}.timeline-item{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;display:grid}.timeline-item:first-of-type{border-top:0}.timeline-item strong{font-size:13px}.timeline-item span{color:var(--muted-2);font-size:11px}.timeline-item p{color:var(--muted);grid-column:1/-1;margin:4px 0 0;font-size:13px;line-height:1.5}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid a{border:1px solid var(--line);color:#cfe0f6;background:#0d1a2b;border-radius:12px;padding:14px 16px;font-size:13px}.quick-grid a:hover{background:#11233b;border-color:#3a5e8b}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:linear-gradient(#111f33,#0d1828);border-radius:20px;gap:16px;padding:30px;display:grid}.brand{letter-spacing:.04em;color:#8ab4ff;font-weight:800}.login-card h1{margin:0;font-size:30px}.login-card label{color:#c8d5e8;gap:8px;display:grid}.login-card input{color:#fff;background:#0b1424;border:1px solid #334763;border-radius:10px;width:100%;padding:12px 14px}.login-card button{cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.login-card button:disabled{opacity:.6;cursor:wait}.login-card p{color:#ffb4b4;margin:0}.empty-state{padding:48px}.status-dot{align-items:center;gap:7px;display:inline-flex}.status-dot:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55d6a51a}@media (max-width:1180px){.kpi-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:64px;padding:0 18px}.dashboard{padding:26px 18px 44px}.cards,.kpi-grid,.quick-grid{grid-template-columns:1fr}.dashboard h1{font-size:34px}.panel{padding:17px}.page-heading{flex-direction:column;align-items:flex-start!important}.top-actions .status-dot{display:none}}
.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#9db0c8;border:1px solid #0000;border-radius:10px;padding:10px 11px;font-size:12px;line-height:1.3;transition:all .16s}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#142741;border-color:#254262}.tenant-chip{color:#a7bad2;text-overflow:ellipsis;white-space:nowrap;background:#101f35;border:1px solid #203751;border-radius:10px;margin:0 10px 18px;padding:9px 10px;font-size:11px;overflow:hidden}.top-actions{align-items:center;gap:10px;display:flex!important}.top-actions button,.primary-action,.secondary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b91f2,#316fd6);border:1px solid #5b91f2;border-radius:10px;padding:10px 14px;font-weight:800;box-shadow:0 6px 18px #2f6fd82e}.top-actions button,.secondary-action{box-shadow:none;background:#0f2034;border-color:#2d4869}.heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-row>div{background:linear-gradient(#111f33,#0d192a);border:1px solid #213650;border-radius:14px;gap:5px;padding:17px;display:grid}.metric-row span{color:#8fa5c1;font-size:11px}.module-card{background:linear-gradient(#111f33,#0d192a);border:1px solid #213650;border-radius:16px;padding:22px;display:block}.module-card p{color:#a8b7cb;line-height:1.55}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.table-card{background:#101c2f;border:1px solid #213650;border-radius:16px;overflow:hidden}.table-summary{border-bottom:1px solid #22344f;gap:8px;padding:16px 18px;display:flex}.client-row{border-bottom:1px solid #1c2d46;grid-template-columns:130px minmax(240px,1.5fr) 120px minmax(130px,1fr);align-items:center;gap:16px;padding:14px 18px;display:grid}.client-row.header{text-transform:uppercase;letter-spacing:.07em;color:#8097b5;background:#0d192b;font-size:10px}.client-row small{color:#7f96b4;display:block}.badge{background:#24344b;border:1px solid #304966;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:750;display:inline-flex}.badge.active{color:#79e7b8;background:#123a2e;border-color:#285e4c}.badge.blocked{color:#ff9daf;background:#472431;border-color:#6e3447}.badge.warning{color:#f2cf78;background:#443719;border-color:#6b5425}.executive-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.executive-strip article{background:linear-gradient(135deg,#12243b,#0d1a2b);border:1px solid #28415f;border-radius:15px;gap:6px;padding:18px;display:grid}.executive-strip span{text-transform:uppercase;letter-spacing:.08em;color:#7e99ba;font-size:10px}.executive-strip strong{letter-spacing:-.035em;font-size:25px}.executive-strip small{color:#7590ad;font-size:11px}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.focus-card{background:#0d1a2b;border:1px solid #213650;border-radius:13px;justify-content:space-between;align-items:flex-end;gap:12px;padding:15px 16px;display:flex}.focus-card div{gap:5px;display:grid}.focus-card span{text-transform:uppercase;letter-spacing:.08em;color:#718aa8;font-size:10px}.focus-card strong{font-size:15px}.focus-card em{color:#9db0c8;background:#172a42;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal}.focus-card em.risk{color:#ffb3bd;background:#422431}.focus-card em.ok{color:#75dfb2;background:#12372d}.signal{text-transform:uppercase;background:#172a42;border-radius:999px;padding:4px 7px;display:inline-flex}.signal.high,.signal.critical{color:#ffabb7;background:#452431}.signal.warning{color:#f2cf78;background:#463818}.command-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.executive-layout{align-items:start}.executive-layout>.panel{margin-top:18px}.ops-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ops-score>div{background:#0b1828;border:1px solid #203650;border-radius:12px;gap:5px;padding:15px;display:grid}.ops-score span,.ops-score small{color:#7790ae;font-size:10px}.ops-score strong{font-size:22px}.trend-list{gap:11px;display:grid}.trend-row{grid-template-columns:70px minmax(120px,1fr) 130px;align-items:center;gap:12px;display:grid}.trend-row>span{color:#8097b5;text-transform:capitalize;font-size:11px}.trend-row>div{background:#14253a;border-radius:999px;height:8px;overflow:hidden}.trend-row i{background:linear-gradient(90deg,#3e7ee7,#68b8f6);border-radius:999px;height:100%;display:block}.trend-row strong{text-align:right;font-size:12px}.cost-stack{gap:10px;display:grid}.cost-stack>div{background:#0b1828;border:1px solid #203650;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.cost-stack span{color:#7891ae;font-size:11px}.cost-stack strong{font-size:16px}.aging-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 2px;display:grid}.aging-grid article{background:#0c192a;border:1px solid #213650;border-radius:12px;gap:6px;padding:14px;display:grid}.aging-grid span{text-transform:uppercase;letter-spacing:.07em;color:#7890ad;font-size:10px}.aging-grid strong{font-size:17px}.aging-grid article.danger{background:#2a1821;border-color:#623142}.aging-grid article.danger strong{color:#ff9dab}.value-negative{color:#ff9dab;font-weight:750}.value-positive{color:#79dfb3;font-weight:750}.empty-state,.empty-row{padding:44px}.muted{color:#8fa5c1}.error-text{color:#ffb4b4}.skeleton-page{padding:44px}.skeleton{background:linear-gradient(90deg,#13233a,#1a2d48,#13233a) 0 0/200% 100%;border-radius:10px;animation:1.5s linear infinite pulse}.skeleton.title{width:280px;height:42px}.skeleton.line{width:460px;max-width:80%;height:18px;margin:14px 0 28px}.skeleton.block{height:320px}@keyframes pulse{to{background-position:-200% 0}}@media (max-width:1180px){.executive-strip,.focus-grid,.command-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.aging-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.metric-row,.executive-strip,.focus-grid,.command-cards,.ops-score,.aging-grid{grid-template-columns:1fr}.client-row{grid-template-columns:100px 1fr 90px}.client-row span:last-child{display:none}.trend-row{grid-template-columns:58px 1fr}.trend-row strong{text-align:left;grid-column:2}}
.narrow{max-width:900px}.form-card{background:linear-gradient(#101f33,#0d192a);border:1px solid #213650;border-radius:16px;padding:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label{color:#c8d5e8;gap:8px;font-size:12px;font-weight:650;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#fff;background:#091523;border:1px solid #304963;border-radius:10px;outline:none;width:100%;padding:11px 12px;transition:border-color .16s,box-shadow .16s}.form-grid textarea{resize:vertical;min-height:100px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#5b91f2;box-shadow:0 0 0 3px #5b91f21f}.span-2,.full{grid-column:1/-1}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.form-actions a{color:#96aac4}.button{color:#fff;cursor:pointer;background:#173050;border:1px solid #3c5d82;border-radius:9px;padding:9px 13px;font-weight:750}.button.secondary{color:#b9cbe0;background:#0e1d30}.back-link{color:#8db5ff;margin-bottom:18px;display:inline-block}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.detail-card{background:linear-gradient(#111f33,#0d192a);border:1px solid #213650;border-radius:14px;padding:19px}.detail-card h2{color:#8fa5c1;text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px;font-size:12px}.detail-card>strong{letter-spacing:-.035em;font-size:30px}.detail-card p{color:#8fa5c1;font-size:12px}.detail-card dl{gap:10px;display:grid}.detail-card dl div{justify-content:space-between;gap:18px;display:flex}.detail-card dt{color:#8fa5c1}.detail-card dd{margin:0}.split-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.section-title{border-bottom:1px solid #22344f;padding:14px 18px}.section-title h2{margin:0;font-size:16px}.simple-row{border-bottom:1px solid #1c2d46;gap:4px;padding:14px 18px;display:grid}.simple-row span{color:#8fa5c1;font-size:13px}.module-placeholder{color:#9eb1ca;border:1px dashed #355075;border-radius:14px;gap:7px;padding:22px;display:grid}.module-placeholder strong{color:#dce8f8}@media (max-width:900px){.form-grid,.detail-grid,.split-grid{grid-template-columns:1fr}.span-2,.full{grid-column:auto}.form-actions{flex-wrap:wrap;justify-content:flex-start}}