:root{color-scheme:dark;--bg:#080d15;--panel:#0d1520;--panel2:#101b28;--line:#1b2938;--muted:#8795a7;--text:#edf3fa;--cyan:#5ae1e8;--blue:#5e91ff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:radial-gradient(ellipse at 15% 5%,#112333 0%,transparent 44%),var(--bg)}.login-brand{padding:56px 8vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #1d2a38}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:14px}.brand small{display:block;font:10px 'DM Mono',monospace;color:#718498;letter-spacing:.18em;margin-top:5px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #50d8e0;color:var(--cyan);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-size:15px}.login-brand>.brand{position:absolute;top:45px}.login-brand h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.06em;line-height:1.02;max-width:540px;margin:12px 0 18px}.login-brand .muted{max-width:460px;font-size:15px;line-height:1.8}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.17em;text-transform:uppercase;color:#7f91a4}.orbit-art{position:absolute;width:490px;height:490px;border:1px solid #203343;border-radius:50%;right:-135px;top:20%;opacity:.45}.orbit-art:before,.orbit-art:after{content:'';position:absolute;inset:45px;border:1px solid #284452;border-radius:50%}.orbit-art:after{inset:105px}.orbit-art i,.orbit-art b,.orbit-art em{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan);top:20%;left:18%}.orbit-art b{top:73%;left:79%;width:5px;height:5px}.orbit-art em{top:48%;left:95%;width:4px;height:4px}.login-panel{width:min(420px,78%);margin:auto}.mobile-brand{display:none;margin-bottom:50px}.login-panel h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.login-panel .muted{margin-bottom:34px}label{display:block;color:#b8c5d2;font-size:12px;margin:18px 0}input{display:block;width:100%;margin-top:9px;background:#0e1722;border:1px solid #253446;color:white;border-radius:7px;padding:14px 13px;outline:none}input:focus{border-color:#4abac9;box-shadow:0 0 0 3px #31c2d312}.primary{width:100%;border:0;background:#c3f4f0;color:#071519;padding:14px;border-radius:7px;font-weight:800;margin-top:8px;display:flex;justify-content:space-between}.primary:disabled{opacity:.65}.form-message{min-height:18px;color:#ff9191;font-size:12px}.language-line{display:flex;align-items:center;justify-content:space-between;margin-top:35px;color:var(--muted);font-size:12px}select{color:#d4e0ec;background:#0e1722;border:1px solid #243345;border-radius:6px;padding:8px 10px}.shell{min-height:100vh;display:flex}.sidebar{width:238px;flex:0 0 238px;border-right:1px solid var(--line);background:#0a111a;display:flex;flex-direction:column;padding:25px 16px 16px}.sidebar .brand{padding:4px 9px 31px}.workspace-label{font:9px 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:#677a8c;padding:10px}.sidebar nav{display:grid;gap:4px}.nav-item{color:#93a2b4;text-decoration:none;padding:11px 10px;border-radius:6px;display:flex;gap:12px;align-items:center;font-size:12px}.nav-item>span{font-size:16px;width:18px;color:#75889b}.nav-item:hover,.nav-item.active{background:#12212d;color:#eaf8fb}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.nav-item.active>span{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.system-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 9px;display:flex;gap:10px;align-items:flex-start;color:#dbe5ef;font-size:11px}.system-status small,.user-name small{display:block;color:#758496;font-size:10px;margin-top:5px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d5a0;box-shadow:0 0 9px #45d58577;margin-top:3px;flex:none}.logout-button{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#93a2b4;padding:14px 9px 4px;font-size:11px}.main{flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 37px;justify-content:space-between}.breadcrumb{font-size:11px;color:#718195}.breadcrumb span{margin:0 11px;color:#425064}.breadcrumb strong{color:#e1eaf3;font-weight:600}.top-actions{display:flex;align-items:center;gap:14px}.environment{font:9px 'DM Mono',monospace;color:#7d8ea1;border:1px solid #263646;padding:7px 9px;border-radius:4px;display:flex;gap:7px;align-items:center}.environment i{width:5px;height:5px;border-radius:50%;background:#efb956}.top-actions select{max-width:132px;font-size:10px;padding:7px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#173543;color:#6ee6e7;font-weight:700}.user-name{font-size:11px}.content{max-width:1390px;padding:34px 38px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.page-heading .eyebrow{margin:0 0 10px}.page-heading h1{font-size:28px;letter-spacing:-.045em;margin:0 0 7px}.muted{color:var(--muted);line-height:1.6}.page-heading .muted{margin:0;font-size:11px}.live-indicator{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#8ea0b1;display:flex;align-items:center;gap:8px;padding-bottom:6px}.notice{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #1d4851;background:linear-gradient(95deg,#0d242c,#0c1821);border-radius:8px;margin:22px 0 32px}.notice-icon{color:var(--cyan);font-size:20px}.notice strong{font-size:11px}.notice p{margin:4px 0 0;color:#91a7b2;font-size:10px}.notice-tag{margin-left:auto;border:1px solid #315862;color:#80dbe0;border-radius:4px;padding:6px 8px;font:8px 'DM Mono',monospace;letter-spacing:.08em}.section-title,.panel-heading{display:flex;justify-content:space-between;align-items:start}.section-title h2,.panel-heading h2{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.section-title p,.panel-heading p{margin:0;color:#7c8c9e;font-size:10px}.period-label{font:9px 'DM Mono',monospace;color:#90a1b1;border:1px solid #263545;border-radius:5px;padding:8px 10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:17px 0 28px}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(135deg,#101923,#0c141d);border-radius:8px}.metric-card{padding:17px 17px 16px;min-height:123px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#a7b5c4;font-size:10px}.metric-icon{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#163038;color:#62d9df}.metric-icon.violet{background:#26233d;color:#b6a1ff}.metric-icon.amber{background:#322a20;color:#f3bd65}.metric-icon.green{background:#173027;color:#5dd6a4}.metric-card>strong{display:block;font-size:27px;letter-spacing:-.05em;margin:11px 0 4px}.metric-card>small{color:#708194;font-size:9px}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.panel{padding:19px 18px}.panel-heading{align-items:center;margin-bottom:17px}.panel-count,.readiness{font:9px 'DM Mono',monospace;color:#7e91a3}.provider-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #192634}.provider-logo{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;background:#15212c;font-weight:800;font-size:12px}.hetzner{color:#e5663b}.aws{color:#ffb74d}.azure{color:#5ba7ff}.provider-name{font-size:10px;font-weight:600;flex:1}.provider-name small{display:block;color:#738396;font-size:9px;font-weight:400;margin-top:4px}.config-required{font:8px 'DM Mono',monospace;color:#dcad65;border:1px solid #55432d;background:#2a2117;padding:5px 7px;border-radius:4px}.panel-foot{padding-top:13px;border-top:1px solid #192634;color:#748498;font-size:9px;display:flex;gap:8px;align-items:center}.muted-dot{background:#d7a957;box-shadow:none}.readiness-track{height:5px;background:#1a2834;border-radius:4px;margin:25px 0 11px}.readiness-track span{display:block;width:8%;height:100%;background:var(--cyan);border-radius:4px;box-shadow:0 0 9px #54dbe255}.readiness-copy{display:flex;justify-content:space-between;font-size:10px;color:#a9b6c4}.readiness-copy strong{font:9px 'DM Mono',monospace;color:#72d9de;font-weight:400}.readiness-items{display:grid;gap:12px;margin-top:22px;color:#98a7b6;font-size:10px}.readiness-items div{display:flex;align-items:center;gap:10px}.check,.pending{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:9px}.check{background:#173729;color:#54d1a0}.pending{background:#27291f;color:#c3a75d}.footer{display:flex;justify-content:space-between;color:#68798b;font:8px 'DM Mono',monospace;letter-spacing:.09em;margin-top:28px;padding-top:16px;border-top:1px solid #17232f}.footer .status-dot{width:5px;height:5px;vertical-align:middle;margin-left:5px}.version{color:#8192a4;margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:18px}.mobile-brand{display:none}
:root{font-family:Arial,sans-serif}.brand small,.eyebrow,.workspace-label,.environment,.live-indicator,.period-label,.panel-count,.readiness,.config-required,.footer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.nav-disabled{opacity:.48;cursor:default}.nav-disabled small{margin-left:auto;font:7px ui-monospace,monospace;color:#748698;letter-spacing:.06em}.add-customer{width:auto;margin:0;padding:10px 14px;gap:8px}.customer-panel{overflow:auto;padding:0}.customer-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.customer-table th{font:9px ui-monospace,monospace;text-transform:uppercase;color:#8596a8;letter-spacing:.09em;background:#111c27}.customer-table th,.customer-table td{padding:14px 16px;border-bottom:1px solid #1b2937}.customer-table td{color:#c4d0dc}.customer-form{margin-bottom:18px;max-width:650px}.customer-form h2{font-size:15px;margin:0 0 18px}.customer-form label{display:inline-block;width:32%;padding-right:12px;vertical-align:top}.customer-form input{font-size:11px;padding:11px}.form-actions{display:flex;gap:10px}.form-actions .primary{width:auto}.secondary{border:1px solid #344352;background:#111c27;color:#c8d3df;border-radius:6px;padding:9px 14px}.customer-form .form-message{margin-bottom:0}
@media(max-width:1050px){.sidebar{width:205px;flex-basis:205px}.content{padding:30px 25px}.topbar{padding:0 25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{width:min(420px,88%);padding:40px 0}.mobile-brand{display:flex}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.topbar{height:58px;padding:0 15px}.breadcrumb{display:none}.top-actions{gap:8px}.environment{display:none}.user-name{display:none}.top-actions select{max-width:95px}.content{padding:25px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.live-indicator{font-size:8px}.notice{align-items:flex-start;padding:14px}.notice-tag{display:none}.metrics{gap:9px}.metric-card{padding:13px;min-height:112px}.metric-card>strong{font-size:24px}.lower-grid{grid-template-columns:1fr}.footer{font-size:7px}.period-label{font-size:8px}}