:root{--bg:#071018;--surface:#0c1720;--surface2:#101f2a;--border:#20313d;--text:#f4f8fb;--muted:#8ca1af;--blue:#64b5ff;--cyan:#6be6da;--green:#7ae2a8;--red:#ff7d8b;--amber:#f5c66c;--shadow:0 25px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% -20%,rgba(50,128,173,.18),transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:26px 18px;background:rgba(6,15,22,.93);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:11px;font-size:16px;margin:0 8px 30px}.logo span,.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#dff7ff,#6bc5ff 55%,#4387d8);color:#051018;font-weight:900;box-shadow:0 10px 30px rgba(80,174,255,.2)}nav{display:grid;gap:5px}nav a{padding:11px 13px;border-radius:10px;color:#91a7b6;font-weight:600}nav a:hover,nav a.active{color:#fff;background:#11222d}nav i{font-style:normal;display:inline-block;width:24px}.side-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:18px;display:grid;gap:14px}.admin-chip{display:flex;gap:10px;align-items:center}.admin-chip>span{width:33px;height:33px;background:#173346;border-radius:50%;display:grid;place-items:center}.admin-chip div{display:grid}.admin-chip small,.side-foot>a{color:var(--muted);font-size:12px}.main{margin-left:244px;padding:38px 42px 70px;min-height:100vh;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.top h1{margin:4px 0 4px;font-size:34px;letter-spacing:-1.2px}.top p{margin:0;color:var(--muted)}.eyebrow,.panel-head small,.section-copy small{font-size:11px;letter-spacing:1.7px;color:#6bb7e9;font-weight:800}.button,.primary{border:0;background:linear-gradient(135deg,#65c6ff,#76e2d7);color:#071018;padding:12px 17px;border-radius:11px;font-weight:800;cursor:pointer}.button{display:inline-flex;align-items:center}.primary:disabled{opacity:.55}.hero-panel{padding:34px;border-radius:22px;background:linear-gradient(120deg,rgba(18,49,66,.92),rgba(8,23,33,.94)),radial-gradient(circle at 80% 20%,rgba(99,214,255,.15),transparent 30%);border:1px solid #244150;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(111,211,255,.12);border-radius:50%;right:-80px;top:-155px;box-shadow:0 0 0 50px rgba(111,211,255,.025),0 0 0 100px rgba(111,211,255,.02)}.hero-panel>div{font-size:12px;color:#9fe4da;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:7px;box-shadow:0 0 14px var(--green)}.hero-panel h2{font-size:36px;line-height:1.08;letter-spacing:-1.4px;margin:18px 0 13px}.hero-panel h2 em{font-style:normal;color:#74d7f7}.hero-panel p{max-width:720px;color:#9bb0bd;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article,.panel,.service-card{background:linear-gradient(180deg,rgba(16,31,42,.96),rgba(10,23,32,.96));border:1px solid var(--border);border-radius:16px}.stats article{padding:20px}.stats small,.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:30px;margin:5px 0}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h3{margin:2px 0;font-size:18px}.panel-head>a{font-size:12px;color:var(--blue)}.list{display:grid}.row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid rgba(45,66,79,.62)}.row:first-child{border-top:0}.icon-box{width:36px;height:36px;border-radius:10px;background:#142b39;display:grid;place-items:center;color:#84d9ff}.grow{flex:1;display:grid}.grow small,.row small{color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #2b4350;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:capitalize;color:#adc0ca;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:#79909c}.status.completed,.status.active{color:#9ae8bb;border-color:rgba(77,181,122,.35);background:rgba(77,181,122,.08)}.status.completed i,.status.active i{background:var(--green)}.status.running{color:#86d6ff;border-color:rgba(82,170,220,.35);background:rgba(82,170,220,.08)}.status.running i{background:var(--blue)}.status.failed,.status.attention{color:#ff9ba5;border-color:rgba(255,90,107,.35);background:rgba(255,90,107,.08)}.status.failed i,.status.attention i{background:var(--red)}.status.queued,.status.waiting{color:#f1cf8d}.status.skipped{opacity:.7}.empty{padding:30px 10px;color:var(--muted);text-align:center}.wizard{display:grid;gap:16px}.form-section{display:grid;grid-template-columns:50px 260px 1fr;gap:22px;padding:25px}.step-no{font-size:12px;color:#6ecff2;width:34px;height:34px;border:1px solid #28516a;border-radius:50%;display:grid;place-items:center}.section-copy h3{margin:3px 0 6px;font-size:18px}.section-copy p{margin:0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h3{grid-column:1/-1;margin:12px 0 0}.span2{grid-column:1/-1}label{display:grid;gap:7px;color:#a7bac5;font-size:12px;font-weight:650}input,select,textarea{width:100%;background:#08141c;border:1px solid #28404e;border-radius:10px;padding:12px 13px;color:#f5f8fa;outline:0}input:focus{border-color:#55abd8;box-shadow:0 0 0 3px rgba(71,158,204,.1)}.generated{background:#0b1821;border:1px dashed #2a4758;border-radius:11px;padding:11px 13px;display:grid}.generated span,.generated small{color:var(--muted);font-size:11px}.toggles{display:flex;gap:10px;flex-wrap:wrap}.toggles label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #27404e;border-radius:10px}.toggles input{width:auto}.integration-card{padding:16px;border:1px solid #28404e;border-radius:13px;background:#0a1821}.integration-card>div{display:flex;justify-content:space-between}.integration-card small,.integration-card p{color:var(--muted);font-size:11px}.switch{display:inline-block}.switch input{width:auto}.submit-bar{position:sticky;bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:rgba(14,29,39,.94);border:1px solid #294450;border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.submit-bar div{display:grid}.submit-bar small{color:var(--muted)}.timeline-row{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--border);align-items:flex-start}.timeline-row:first-of-type{border-top:0}.step-state{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#425764;box-shadow:0 0 0 5px rgba(66,87,100,.15)}.step-state.completed{background:var(--green)}.step-state.failed{background:var(--red)}.step-state.running{background:var(--blue)}.timeline-row p{margin:5px 0 0;color:#9cb0bb;font-size:12px}.notice{margin-top:14px;padding:14px 16px;border:1px solid #3b4850;background:#121d23;border-radius:12px;color:#9eabb3;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border);font-size:13px}th{color:#7993a2;font-size:11px;text-transform:uppercase;letter-spacing:.8px}td a{color:#6acaff}.service-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{padding:20px}.service-top{display:flex;justify-content:space-between}.service-card h3{margin:18px 0 3px;font-size:20px}.service-card p{margin:0 0 18px;color:var(--muted)}dl{display:grid;gap:7px}dl div{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px}dt{color:var(--muted);font-size:12px}dd{margin:0}.connector{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.connector-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#132d3c;color:#89dcff;font-weight:900}.connector h3,.connector p{margin:0}.connector p,.connector>small{color:var(--muted);font-size:12px}.connector>small{grid-column:1/-1}.alert{padding:13px 15px;border-radius:10px;margin:12px 0}.alert.error{background:rgba(255,88,105,.08);border:1px solid rgba(255,88,105,.35);color:#ffabb3}.alert.success{background:rgba(91,205,139,.08);border:1px solid rgba(91,205,139,.3);color:#a2ebbf}.setup,.login{min-height:100vh;display:grid;place-items:center;padding:30px}.setup-card{width:min(820px,96vw);padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.setup-card h1{margin-bottom:4px}.setup-card>p{color:var(--muted)}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.login-shell{width:min(1040px,94vw);display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #263c48;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.login-copy{padding:70px 56px;background:linear-gradient(140deg,#0d2431,#09151e);position:relative}.login-copy:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 90%,rgba(69,181,211,.18),transparent 30%);pointer-events:none}.login-copy h1{font-size:46px;line-height:1.05;letter-spacing:-2px;margin:16px 0}.login-copy p{color:#9db0bb;max-width:500px}.signal{margin-top:60px;color:#91b9c9;font-size:12px}.signal span{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px}.login-card{background:#0b1720;padding:54px 44px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:26px;margin:22px 0 3px}.login-card>p{margin:0 0 22px;color:var(--muted)}.login-card form{display:grid;gap:15px}.login-card .primary{margin-top:5px}@media(max-width:1000px){.sidebar{width:78px}.logo b,nav a{font-size:0}.logo{margin-left:2px}.logo span{font-size:12px}nav a i,nav a:first-letter{font-size:18px}.side-foot{display:none}.main{margin-left:78px;padding:28px 22px}.stats{grid-template-columns:1fr 1fr}.two-col,.service-grid,.integration-grid{grid-template-columns:1fr}.form-section{grid-template-columns:40px 1fr}.section-copy{grid-column:2}.form-grid{grid-column:2}.login-shell{grid-template-columns:1fr}.login-copy{display:none}}@media(max-width:650px){.main{margin-left:0;padding:20px 14px}.sidebar{position:static;width:auto;height:auto;flex-direction:row;align-items:center;padding:12px;overflow:auto}.sidebar .logo{margin:0 10px 0 0}.sidebar nav{display:flex}.sidebar nav a{white-space:nowrap;font-size:12px}.top{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.form-section{grid-template-columns:1fr}.step-no,.section-copy,.form-grid{grid-column:1}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.submit-bar{position:static;align-items:flex-start;gap:15px;flex-direction:column}.login-card{padding:34px 24px}.setup-card{padding:22px}}

/* 10GB POWER AI 2026 dashboard system — adopted from the approved visual direction */
:root{
  --bg:#0b1020;--bg2:#0d1426;--surface:#121a2c;--surface2:#162139;--surface3:#0f192b;
  --border:#26344e;--border-soft:#1d2b44;--text:#f6f8ff;--muted:#91a0b7;
  --mint:#38f0d0;--mint2:#66f7df;--cyan:#28b9f3;--green:#4de7a8;--red:#ff667d;--amber:#f5c85f;
  --shadow:0 24px 70px rgba(0,0,0,.24);--glow:0 0 34px rgba(56,240,208,.14)
}
html{background:var(--bg)}
body{background:radial-gradient(circle at 14% -10%,rgba(13,157,136,.18),transparent 26%),radial-gradient(circle at 95% 10%,rgba(22,87,144,.14),transparent 29%),linear-gradient(180deg,#0c1222 0%,#0a1020 100%);color:var(--text)}
.sidebar{width:260px;padding:18px 15px;background:linear-gradient(180deg,rgba(12,24,41,.98),rgba(9,16,30,.98));border-right:1px solid #1c2940;box-shadow:16px 0 60px rgba(0,0,0,.14)}
.modern-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 3%,rgba(0,210,176,.16),transparent 24%);pointer-events:none}
.logo{position:relative;z-index:1;margin:0 12px 26px;gap:12px;font-size:18px}.logo span,.brand-mark{background:linear-gradient(145deg,#63ffe5,#1ecfb4);box-shadow:0 12px 35px rgba(37,230,199,.22);color:#09201c}.logo>div{display:grid;line-height:1.05}.logo small{font-size:9px;letter-spacing:2.2px;color:#78a8a7;margin-top:6px}
nav{position:relative;z-index:1;gap:8px}nav a{padding:12px 14px;border-radius:8px;color:#c4cad7;font-weight:650;transition:.18s ease}nav a:hover{background:#152038;color:#fff;transform:translateX(2px)}nav a.active{color:#071a18;background:linear-gradient(135deg,#27e5c3,#66f5de);box-shadow:0 11px 28px rgba(33,230,195,.18)}nav i{font-size:18px;width:28px;text-align:center}
.sidebar-ai{position:relative;z-index:1;margin-top:auto;border:1px solid #274660;background:linear-gradient(145deg,#13243a,#101b2d);border-radius:12px;padding:14px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px}.sidebar-ai>span{color:var(--mint);font-size:22px}.sidebar-ai div{display:grid}.sidebar-ai small{color:#99a8bb;font-size:11px}.sidebar-ai a{color:var(--mint);font-size:20px}.side-foot{position:relative;z-index:1;margin-top:12px;padding:14px 4px 0}.admin-chip>span{background:linear-gradient(145deg,#68f6dd,#31d6bb);color:#08201b;font-weight:900}.side-foot>a{padding-left:44px}.main{margin-left:260px;max-width:none;padding:22px 28px 60px}
.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;margin-bottom:12px}.searchbox{width:min(590px,48vw);height:42px;border:1px solid #40506b;background:rgba(16,25,43,.86);border-radius:22px;display:flex;align-items:center;padding:0 14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.searchbox>span{font-size:24px;color:var(--mint);margin-right:9px}.searchbox input{padding:0;background:transparent;border:0;box-shadow:none;color:#e7ebf4;font-size:12px}.searchbox input:focus{border:0;box-shadow:none}.searchbox kbd{font:10px/1 system-ui;color:#8898af;border:1px solid #31405a;border-radius:6px;padding:5px 6px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:10px}.round-action{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #33445e;background:#121b2f;color:#c7d0df;font-weight:800}.round-action.primary-round{background:var(--mint);color:#09211d;border-color:var(--mint);font-size:24px}.profile-mini{display:flex;align-items:center;gap:9px;margin-left:6px;padding-left:14px;border-left:1px solid #27364f}.profile-mini>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#79fbe5,#3be4c7);color:#08201b;font-weight:900}.profile-mini div{display:grid}.profile-mini small{color:#8999ad;font-size:10px}
.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:12px 0 18px}.welcome-row h1{font-size:28px;letter-spacing:-.8px;margin:0 0 3px;background:linear-gradient(90deg,#d4fff8,#5ff0d7);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-row p{margin:0;color:var(--muted);font-size:12px}.system-online{color:#61e9cb;font-size:11px;padding-top:9px}.system-online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35efc7;box-shadow:0 0 14px #35efc7;margin-right:8px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) minmax(250px,1.55fr);gap:12px;margin-bottom:14px}.kpi-card,.health-card{min-height:98px;border:1px solid #293a56;background:linear-gradient(150deg,#142038,#111a2c);border-radius:9px;padding:15px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 35px rgba(0,0,0,.12)}.kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--mint);font-size:24px}.kpi-card>div:last-child{display:grid}.kpi-card small,.health-card small{font-size:11px;color:#b0bbca}.kpi-card strong,.health-card strong{font-size:29px;line-height:1;margin:5px 0;color:#fff}.kpi-card span,.health-card span{font-size:9px;color:#6c819a}.health-card{justify-content:space-between;background:linear-gradient(135deg,#073c3a,#0b2d36 62%,#102339);border-color:#155953;box-shadow:var(--glow)}.health-card>div:first-child{display:grid}.health-card strong{color:#55f2d7;font-size:34px}.health-bars{display:flex;gap:5px;align-items:flex-end;height:34px}.health-bars i{width:6px;height:17px;border-radius:3px;background:#183e46}.health-bars i:nth-child(3n){height:25px}.health-bars i.on{background:#3deccb;box-shadow:0 0 10px rgba(61,236,203,.25)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.dashboard-primary{min-width:0;display:grid;gap:14px}.panel{background:linear-gradient(180deg,rgba(18,28,47,.97),rgba(14,23,40,.98));border:1px solid #273852;border-radius:9px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.panel-head{margin-bottom:8px}.panel-head small{color:#65e9d2;letter-spacing:.7px}.panel-head h3{font-size:15px}.panel-head p{margin:1px 0 0;color:var(--muted);font-size:10px}.panel-head>a,.mini-button{font-size:10px;color:#57f1d2}.mini-button{border:1px solid #345169;border-radius:8px;padding:8px 12px;background:#111e32}
.pipeline-panel{padding:14px 17px}.pipeline-list{display:grid}.pipeline-row{display:grid;grid-template-columns:40px 190px minmax(120px,1fr) 52px 112px;gap:10px;align-items:center;min-height:52px;border-top:1px solid #24334a}.pipeline-row:first-child{border-top:0}.pipeline-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;border:1px solid #2a5670;background:#10253a;color:#3eeacb;font-size:11px;font-weight:900}.pipeline-name{display:grid}.pipeline-name b{font-size:11px}.pipeline-name small{color:#788ca4;font-size:9px}.pipeline-track{height:8px;border-radius:99px;background:#243149;overflow:hidden}.pipeline-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2edcbd,#63f3dc);box-shadow:0 0 12px rgba(59,235,207,.2)}.pipeline-percent{font-size:10px;color:#cbd3df}.pipeline-state{font-size:9px;color:#93a6b9}.pipeline-state i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.pipeline-state.ok i{background:#39efc7;box-shadow:0 0 10px #39efc7}.pipeline-state.pending i{background:#efbe50}
.dashboard-subgrid{display:grid;grid-template-columns:1.05fr 1.05fr .8fr;gap:12px}.compact-panel{padding:13px 14px}.dense-list .row{padding:10px 0}.dense-list .icon-box{width:28px;height:28px;border-radius:7px;font-size:12px}.dense-list .grow b{font-size:10px}.dense-list .grow small{font-size:9px}.status{font-size:9px;padding:3px 7px}.integration-line{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #24334a}.integration-line:first-of-type{border-top:0}.mini-integration-icon{width:26px;height:26px;border-radius:7px;background:#102a39;display:grid;place-items:center;color:#45eacc;font-weight:900;font-size:9px}.integration-line div:nth-child(2){display:grid}.integration-line b{font-size:10px}.integration-line small{font-size:8px;color:#798da5}
.dashboard-rail{display:grid;gap:12px;align-content:start}.quick-card,.ai-panel{padding:13px}.quick-card>a,.ai-panel>a{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:9px;padding:11px 4px;border-top:1px solid #24364e}.quick-card>a:first-of-type,.ai-panel>a:first-of-type{border-top:0}.quick-card>a>span,.ai-panel>a>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(47,235,202,.1);color:#48ead0}.quick-card>a>div,.ai-panel>a>div{display:grid}.quick-card b,.ai-panel b{font-size:10px}.quick-card small,.ai-panel small{font-size:8px;color:#8295ab}.quick-card>a>i,.ai-panel>a>i{font-style:normal;color:#47e9d0;font-size:20px}.ai-panel{border-color:#20544f;background:linear-gradient(165deg,#10273a,#102235)}.ai-cta{padding:22px;border:1px solid #1f5b55;border-radius:9px;background:linear-gradient(150deg,#12433d,#10253a 70%);text-align:center;box-shadow:var(--glow)}.ai-cta .rocket{font-size:34px;color:#47f0d0}.ai-cta h3{margin:6px 0 5px;font-size:16px}.ai-cta p{color:#a1b0c0;font-size:10px;margin:0 auto 15px;max-width:245px}.ai-cta .button{font-size:10px;padding:10px 16px}

/* Existing screens inherit the same approved visual language */
.top{background:transparent;margin-bottom:20px}.top h1{font-size:30px;background:linear-gradient(90deg,#f7fbff,#75efdb);-webkit-background-clip:text;background-clip:text;color:transparent}.top p{font-size:12px}.hero-panel{border-radius:10px;background:linear-gradient(135deg,#11273a,#102039);border-color:#2b405e}.stats article,.service-card{border-radius:9px;background:linear-gradient(160deg,#142038,#111a2d);border-color:#293a56}.form-section{border-radius:9px}.step-no{border-color:#2b8d85;color:#55f0d3;background:#102a32}.integration-card{border-color:#2d415c;background:#0e192c}.submit-bar{border-color:#2a415c;background:rgba(14,25,43,.96)}input,select,textarea{background:#0d1728;border-color:#33445e;border-radius:8px}.primary,.button{background:linear-gradient(135deg,#28e2c0,#68f7df);border-radius:8px}.login-shell,.setup-card{border-radius:12px}.login-copy{background:radial-gradient(circle at 20% 100%,rgba(38,236,203,.15),transparent 35%),linear-gradient(140deg,#12243e,#0d1729)}.login-copy h1{background:linear-gradient(90deg,#fff,#68f2d9);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card{background:#10192b}

@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.health-card{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(3,1fr)}.dashboard-subgrid{grid-template-columns:1fr 1fr}.integrations-mini{grid-column:1/-1}.pipeline-row{grid-template-columns:38px 170px 1fr 50px 105px}}
@media(max-width:1000px){.sidebar{width:82px}.logo>div,.sidebar-ai,.profile-mini div{display:none}.main{margin-left:82px}.dashboard-topbar{align-items:center}.searchbox{width:min(520px,65vw)}.dashboard-rail{grid-template-columns:1fr}.dashboard-subgrid{grid-template-columns:1fr}.integrations-mini{grid-column:auto}.pipeline-row{grid-template-columns:36px 150px 1fr 90px}.pipeline-percent{display:none}}
@media(max-width:720px){.main{margin-left:0;padding:14px}.sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;padding:10px;overflow:auto}.sidebar .logo{margin:0 8px 0 0}.sidebar nav{display:flex}.sidebar nav a{font-size:0;min-width:46px;text-align:center}.sidebar nav i{font-size:18px;width:auto}.side-foot{display:none}.dashboard-topbar{display:none}.welcome-row{margin-top:8px}.welcome-row{flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr}.health-card{grid-column:1/-1}.dashboard-grid{display:block}.dashboard-rail{margin-top:12px}.pipeline-row{grid-template-columns:34px 1fr auto}.pipeline-track,.pipeline-percent{display:none}.dashboard-subgrid{display:grid}.form-section{grid-template-columns:1fr}.service-grid,.integration-grid{grid-template-columns:1fr}}

/* v1.2 provisioning form refinements */
.field-help{display:block;margin-top:2px;color:#7f94a9;font-size:10px;font-weight:500}.template-fields{padding:14px;border:1px dashed #2c4d61;border-radius:9px;background:rgba(18,41,53,.38)}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.password-row .mini-button{height:42px;white-space:nowrap;color:#071018;background:linear-gradient(135deg,#28e2c0,#68f7df);border:0;font-weight:800;cursor:pointer}.form-grid[style*="opacity"]{transition:opacity .15s ease}.notice.span2{margin-top:0}.alert.span2{margin:0}
@media(max-width:720px){.password-row{grid-template-columns:1fr}.password-row .mini-button{width:100%}}


/* v1.3 customer, billing and module framework */
.toolbar{display:flex;gap:10px;margin:0 0 14px}.toolbar input{max-width:480px}.billing-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:14px}.form-card{padding:18px;margin-bottom:14px}.form-card summary{cursor:pointer;font-weight:800;margin-bottom:16px;color:#65e9d2}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto}.alert.success{border-color:#1e735f;background:#0d312c;color:#77efd7}.invoice-sheet{padding:28px}.invoice-parties{display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}.invoice-parties p{color:var(--muted);line-height:1.7}.invoice-meta{display:grid;gap:10px;min-width:220px}.invoice-meta div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #26364e;padding:7px 0}.invoice-totals{width:min(420px,100%);margin:22px 0 0 auto;display:grid;gap:7px}.invoice-totals div{display:flex;justify-content:space-between;padding:6px 0}.invoice-totals .grand{font-size:18px;border-top:1px solid #38506f;padding-top:12px}.status.paid i{background:#39efc7}.status.unpaid i{background:#efbe50}.status.overdue i{background:#ff7183}.status.cancelled i{background:#77879b}.sidebar nav{overflow-y:auto;padding-bottom:10px}@media(max-width:900px){.billing-grid{grid-template-columns:1fr}.invoice-parties{flex-direction:column}.invoice-meta{min-width:0}}

/* v1.5 service/customer/billing separation */
.component-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.tag{font-size:9px;border:1px solid #31506a;background:#0d2030;color:#8fe9d8;border-radius:999px;padding:4px 8px}.status.draft{color:#b7c4cf}.status.draft i{background:#8797a6}.status.suspended,.status.suspended_billing{color:#ffc77d;border-color:rgba(239,190,80,.35);background:rgba(239,190,80,.08)}.status.suspended i,.status.suspended_billing i{background:#efbe50}.status.closed{opacity:.7}.top>.button{white-space:nowrap}@media(max-width:1000px){.component-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.component-grid{grid-template-columns:1fr}}

/* v1.5.3 public/customer portal separation */
.public-body,.portal-body{min-height:100vh;background:radial-gradient(circle at 70% 0,rgba(40,226,192,.10),transparent 30%),linear-gradient(180deg,#08111d,#0a1423 55%,#08111b);color:var(--text)}
.public-nav,.portal-nav{width:min(1320px,calc(100% - 36px));margin:0 auto;min-height:78px;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(71,98,126,.28)}
.public-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.public-brand>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#65f0d8,#55a9ff);color:#071018;font-weight:950}.public-brand div{display:grid}.public-brand b{font-size:13px;letter-spacing:.5px}.public-brand small{font-size:8px;color:#6f859e;letter-spacing:1.5px}.public-nav nav,.portal-nav nav{display:flex;gap:7px}.public-nav nav a,.portal-nav nav a{padding:9px 11px;border-radius:8px;color:#8fa2b8;font-size:11px;font-weight:700}.public-nav nav a:hover,.portal-nav nav a:hover,.portal-nav nav a.active{background:#111f33;color:#fff}.public-actions{display:flex;gap:8px}.public-main{width:min(1320px,calc(100% - 36px));margin:0 auto 60px}.public-hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.public-hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-3.5px;margin:18px 0 22px}.public-hero h1 em{font-style:normal;background:linear-gradient(90deg,#59f1d5,#75bfff);-webkit-background-clip:text;background-clip:text;color:transparent}.public-hero p{font-size:16px;max-width:650px;color:#8ea4ba}.hero-actions{display:flex;gap:10px;margin:30px 0}.public-trust{display:flex;gap:20px;flex-wrap:wrap;color:#738aa2;font-size:10px}.public-trust span{display:flex;align-items:center;gap:7px}.public-trust i{width:7px;height:7px;border-radius:50%;background:#43e8c8;box-shadow:0 0 14px #43e8c8}.public-orbit{height:470px;position:relative;display:grid;place-items:center}.orbit-core{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:950;background:radial-gradient(circle at 35% 25%,#43efd0,#154a5b 45%,#0d1d31 70%);box-shadow:0 0 0 28px rgba(65,234,204,.035),0 0 100px rgba(52,228,199,.16)}.public-orbit:before,.public-orbit:after{content:"";position:absolute;border:1px solid rgba(82,224,204,.18);border-radius:50%}.public-orbit:before{width:330px;height:330px}.public-orbit:after{width:430px;height:430px}.orbit-node{position:absolute;z-index:2;padding:10px 14px;border:1px solid #29445c;border-radius:9px;background:#0e1b2d;color:#7eeedb;font-size:10px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.25)}.orbit-node.n1{top:60px;left:115px}.orbit-node.n2{top:105px;right:75px}.orbit-node.n3{bottom:95px;right:90px}.orbit-node.n4{bottom:55px;left:130px}.orbit-node.n5{top:210px;left:25px}.public-section{padding:90px 0;border-top:1px solid rgba(69,94,123,.24)}.section-title{max-width:760px;margin-bottom:34px}.section-title h2,.public-security h2,.public-cta h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.section-title p,.public-security p{color:#8498ae}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-feature-grid article{padding:28px;border:1px solid #263953;border-radius:12px;background:linear-gradient(160deg,#111e32,#0d1728)}.public-feature-grid article>span{font-size:10px;color:#4aead0}.public-feature-grid h3{font-size:18px;margin:30px 0 8px}.public-feature-grid p{font-size:12px;color:#7e93aa}.public-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-service-grid article{min-height:130px;padding:20px;border:1px solid #253950;border-radius:10px;background:#0e192b;display:flex;flex-direction:column;justify-content:flex-end}.public-service-grid b{font-size:15px}.public-service-grid span{color:#788da4;font-size:10px;margin-top:5px}.public-service-grid .future{border-color:#1f5d54;background:linear-gradient(145deg,#0f292f,#101b2e)}.public-security{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.security-stack{padding:26px;border:1px solid #28435a;border-radius:12px;background:#0e192a;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.security-stack span,.security-stack strong{padding:12px 14px;border:1px solid #2c465d;border-radius:8px;background:#111f34;font-size:11px}.security-stack strong{color:#48ecd0;border-color:#245d56}.security-stack i{font-style:normal;color:#657b91}.public-cta{margin:40px 0 70px;padding:34px;border:1px solid #205b54;border-radius:14px;background:linear-gradient(120deg,#113d3a,#102138 68%);display:flex;align-items:center;justify-content:space-between;gap:20px}.public-cta h2{margin-bottom:0}.public-footer{width:min(1320px,calc(100% - 36px));margin:0 auto;padding:25px 0 35px;border-top:1px solid #1e3046;display:flex;justify-content:space-between;color:#637990;font-size:10px}
.portal-main{width:min(1180px,calc(100% - 36px));margin:34px auto 70px}.portal-welcome{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.portal-welcome h1{font-size:34px;margin:4px 0}.portal-welcome p{color:#7e93aa;margin:0}.portal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.portal-summary article{padding:20px;border:1px solid #273b55;border-radius:10px;background:linear-gradient(160deg,#121f34,#0e192a);display:grid}.portal-summary small,.portal-summary span{color:#748aa1;font-size:10px}.portal-summary strong{font-size:28px;margin:4px 0}.portal-main>.panel{margin-bottom:14px}.customer-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.customer-component-grid article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #273b52;border-radius:9px;background:#0f1929}.customer-component-grid article>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#122d34;color:#48ebcf}.customer-component-grid article.disabled{opacity:.48}.customer-component-grid article>div{display:grid}.customer-component-grid b{font-size:11px}.customer-component-grid small{font-size:9px;color:#758aa0}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-back{margin-top:15px}
@media(max-width:900px){.public-nav nav{display:none}.public-hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.public-orbit{height:360px}.public-feature-grid{grid-template-columns:1fr}.public-service-grid{grid-template-columns:repeat(2,1fr)}.public-security{grid-template-columns:1fr}.portal-summary{grid-template-columns:1fr}.customer-component-grid{grid-template-columns:1fr 1fr}.portal-two{grid-template-columns:1fr}}@media(max-width:620px){.public-nav,.portal-nav{width:calc(100% - 22px)}.portal-nav nav{gap:2px}.portal-nav nav a{padding:8px 6px;font-size:9px}.public-main,.portal-main{width:calc(100% - 22px)}.public-orbit{display:none}.public-hero h1{font-size:48px}.public-service-grid,.customer-component-grid{grid-template-columns:1fr}.public-cta{align-items:flex-start;flex-direction:column}.hero-actions{flex-direction:column}.public-trust{display:grid}}