:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f0eb;background:#0b0f0d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{background:#101613;border-right:1px solid #25312a;display:flex;flex-direction:column;padding:25px 20px;width:244px}.brand{align-items:center;color:#f2f7f3;display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:.08em}.brand small{color:#7d9285;font-size:9px;letter-spacing:.14em;margin-left:3px}.brand-mark{align-items:center;background:#35d37e;border-radius:6px;color:#08110b;display:inline-flex;font-size:15px;font-weight:900;height:27px;justify-content:center;width:27px}.brand-mark.large{font-size:21px;height:42px;width:42px}.side-rule{border-top:1px solid #25312a;margin:32px 0 27px}.eyebrow{color:#7f9688;font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 9px;text-transform:uppercase}.nav-active{align-items:center;background:#1e2c25;border:1px solid #2b4837;border-radius:7px;color:#d8e9de;display:flex;font-size:13px;gap:10px;padding:11px 12px}.nav-active span{color:#7fe0a5;font-size:11px;margin-left:auto}.side-spacer{flex:1}.security-note{align-items:center;border-top:1px solid #25312a;color:#bbcec0;display:flex;font-size:12px;gap:10px;line-height:1.45;padding:19px 4px}.security-note svg{color:#5fe39a}.security-note small{color:#718679}.logout{background:none;border:0;color:#8ba192;font-size:12px}.side-logout{align-items:center;display:flex;gap:9px;padding:10px 4px}.content{flex:1;max-width:1320px;padding:46px 6vw}.topbar{align-items:flex-start;display:flex;justify-content:space-between}.topbar h1{font-size:34px;letter-spacing:-.04em;margin:0}.lede{color:#8ca295;font-size:14px;margin:9px 0 0}.identity{align-items:center;color:#8ca295;display:flex;font-size:12px;gap:12px}.avatar{background:#1d4e35;border:1px solid #3c805d;border-radius:50%;color:#a7f1c4;font-weight:700;height:32px;width:32px}.toolbar{display:flex;gap:10px;margin:40px 0 18px}.search{align-items:center;background:#131b16;border:1px solid #2a3930;border-radius:7px;color:#799082;display:flex;flex:1;gap:9px;max-width:390px;padding:0 12px}.search input{background:transparent;border:0;color:#dbe8df;outline:0;padding:10px 0;width:100%}.search input::placeholder{color:#617268}.button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:10px 14px}.button.primary{background:#35d37e;color:#07110b}.button.primary:hover{background:#54e694}.button.secondary{background:#161f1a;border-color:#2d3c33;color:#b7c9bc}.button:disabled{cursor:wait;opacity:.6}.wide{width:100%}.alert{align-items:center;border-radius:7px;display:flex;font-size:12px;gap:9px;margin:0 0 16px;padding:11px 13px}.alert.error{background:#321b1a;border:1px solid #71322e;color:#f5b0a8}.alert.success{background:#143021;border:1px solid #286241;color:#9be9b9}.alert button{align-items:center;background:none;border:0;color:inherit;display:flex;font-size:11px;gap:5px;margin-left:auto}.table-card{background:#111914;border:1px solid #26362d;border-radius:9px;overflow:hidden}.table-heading{align-items:center;border-bottom:1px solid #26362d;display:flex;justify-content:space-between;padding:21px 23px}.table-heading h2{font-size:15px;margin:0 0 5px}.table-heading span{color:#789081;font-size:11px}.count{background:#1a2921;border-radius:12px;color:#9ee7b8!important;padding:5px 9px}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:680px;width:100%}th{color:#718477;font-size:10px;font-weight:700;letter-spacing:.1em;padding:13px 23px;text-align:left;text-transform:uppercase}td{border-top:1px solid #1e2b24;color:#c4d3c9;font-size:13px;padding:17px 23px}td strong{color:#edf4ef;display:block;font-size:13px}td code{color:#72897a;display:block;font-family:ui-monospace,monospace;font-size:11px;margin-top:5px}.domain{font-family:ui-monospace,monospace;font-size:12px}.date{color:#85998c;font-size:12px}.status{align-items:center;display:inline-flex;font-size:11px;gap:7px}.status i{background:#7f9688;border-radius:50%;height:7px;width:7px}.status.active{color:#7ee5a4}.status.active i{background:#35d37e}.status.provisioning,.status.pending{color:#ecd991}.status.provisioning i,.status.pending i{background:#e5bd52}.status.failed{color:#f09e94}.status.failed i{background:#e0655b}.status.suspended{color:#b39acb}.status.suspended i{background:#a67bc8}.row-action{align-items:center;background:none;border:0;color:#83e5aa;display:flex;font-size:11px;gap:4px;margin-left:auto}.table-empty{align-items:center;color:#74877a;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:240px}.table-empty strong{color:#cbdacf;font-size:13px}.center-state{align-items:center;color:#91a397;display:flex;gap:10px;justify-content:center;min-height:100vh}.loader{animation:spin 1s linear infinite;border:2px solid #304438;border-radius:50%;border-top-color:#49df8d;height:18px;width:18px}.loader.small{height:13px;width:13px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.login-page{align-items:center;background:radial-gradient(circle at 50% 20%,#16271d,#0b0f0d 55%);display:flex;justify-content:center;min-height:100vh;padding:25px}.login-card{background:#111914;border:1px solid #2b3e32;border-radius:11px;box-shadow:0 25px 70px #0008;max-width:440px;padding:43px;width:100%}.login-card h1{font-size:28px;letter-spacing:-.04em;line-height:1.15;margin:20px 0 13px}.login-card>p:not(.eyebrow){color:#99aa9f;font-size:14px;line-height:1.65;margin:0 0 27px}.login-foot{align-items:center;color:#718579;display:flex;font-size:11px;gap:7px;justify-content:center;margin-top:22px}.config-error{margin:15vh auto;max-width:420px;padding:24px;text-align:center}.config-error h1{font-size:22px}.config-error p{color:#91a397}.modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.modal{background:#141c17;border:1px solid #36503f;border-radius:10px;box-shadow:0 25px 90px #000b;max-width:530px;padding:26px;width:100%}.modal-title{align-items:flex-start;display:flex;justify-content:space-between}.modal-title h2{font-size:21px;margin:0}.modal-copy{color:#8fa296;font-size:12px;line-height:1.5;margin:17px 0 21px}.icon-button{background:none;border:0;color:#7f9486;padding:3px}.modal label{color:#b8cabc;display:block;font-size:11px;font-weight:700;margin:15px 0}.modal input{background:#0d1310;border:1px solid #33473a;border-radius:5px;color:#e4eee7;display:block;margin-top:7px;outline:0;padding:10px 11px;width:100%}.modal input:focus,.search:focus-within{border-color:#45cd80;box-shadow:0 0 0 2px #45cd8030}.form-grid{display:grid;gap:13px;grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid #29382f;display:flex;gap:9px;justify-content:flex-end;margin-top:26px;padding-top:18px}@media(max-width:720px){.sidebar{display:none}.content{padding:30px 18px}.topbar{display:block}.identity{margin-top:20px}.toolbar{flex-wrap:wrap;margin-top:27px}.search{max-width:none;min-width:100%}.form-grid{grid-template-columns:1fr}.login-card{padding:30px}}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#81968a;display:flex;font-size:13px;gap:10px;padding:11px 12px;text-align:left}.nav-item:hover{background:#17241c;color:#d8e9de}.nav-item span{color:#7fe0a5;font-size:11px;margin-left:auto}.admin-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:40px}.metric-card{background:#111914;border:1px solid #26362d;border-radius:9px;display:grid;gap:9px;padding:20px}.metric-card svg{color:#54dd91}.metric-card span{color:#81968a;font-size:11px}.metric-card strong{font-size:21px}.wide-card{grid-column:1/-1;margin-top:3px}.mini-list>div{align-items:center;border-top:1px solid #1e2b24;display:flex;justify-content:space-between;padding:15px 23px}.mini-list strong,.mini-list small{display:block}.mini-list small{color:#72897a;font-family:ui-monospace,monospace;font-size:11px;margin-top:4px}@media(max-width:720px){.admin-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}}.brand-logo{display:block;height:27px;object-fit:contain;width:27px}.brand-logo.large{height:42px;margin-bottom:20px;width:42px}.login-card .brand-logo.large{margin-bottom:20px}
