:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#20242a;background:#f4f5f7;font-synthesis:none;--red:#bd2c31;--red-dark:#8f1f24;--ink:#20242a;--muted:#6c737f;--line:#dfe2e7;--panel:#fff;--green:#177a50}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f5f7}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#181b20;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 26px;font-size:14px;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--red);color:#fff;font-weight:900;font-size:25px;border-radius:6px}.brand-mark.small{width:30px;height:30px;font-size:16px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-user button{border:0;background:transparent;color:#b9bec7;text-align:left;padding:11px 12px;border-radius:5px}.sidebar nav button:hover,.sidebar nav button.active{background:#292d34;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--red)}.sidebar-user{margin-top:auto;border-top:1px solid #32363d;padding:18px 8px 0;display:grid;gap:3px}.sidebar-user span{font-weight:700}.sidebar-user small{color:#9299a5}.sidebar-user button{padding-left:0;margin-top:8px}.main-content{min-width:0;padding:0 34px 48px}.topbar{height:92px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar h1,.section-heading h2{margin:2px 0 0;font-size:22px}.topbar p,.section-heading p,.dialog-form header p,.eyebrow{margin:0;color:var(--red);font-size:11px;font-weight:800}.system-status{margin-left:auto;color:var(--muted);font-size:13px}.system-status i{display:inline-block;width:8px;height:8px;background:#1b9a64;border-radius:50%;margin-right:7px}.icon-button{border:0;background:transparent;font-size:22px;padding:8px;color:inherit}#menu-toggle{display:none}.view{display:none}.view.active{display:block}.notice{display:none;margin:-12px 0 20px;padding:11px 14px;border:1px solid #c9ded3;background:#edf8f2;color:#146b46;border-radius:5px}.notice.error{display:block;border-color:#edc9cb;background:#fff0f1;color:#98262b}.notice.show{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:30px}.metric{background:var(--panel);border:1px solid var(--line);border-top:3px solid #737b87;padding:18px;border-radius:6px;min-height:104px}.metric.red{border-top-color:var(--red)}.metric.green{border-top-color:var(--green)}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:27px;margin-top:14px}.section-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading>span{color:var(--muted);font-size:12px}.empty-state{padding:30px 0;color:var(--muted)}.toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.search-field{display:grid;gap:6px;color:var(--muted);font-size:12px;width:min(440px,100%)}input,select{width:100%;border:1px solid #cdd1d8;background:#fff;padding:10px 11px;border-radius:5px;color:var(--ink)}input:focus,select:focus{outline:2px solid #edb8ba;border-color:var(--red)}.result-count{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #ebedf0;font-size:13px}th{background:#f9fafb;color:#747b85;font-size:11px;text-transform:uppercase}td strong{display:block}td small{color:var(--muted)}.status{display:inline-flex;padding:4px 8px;border-radius:4px;background:#edf8f2;color:var(--green);font-size:11px;font-weight:700}.status.off{background:#f2f3f5;color:#747b85}.status.blocked{background:#fff0f1;color:#98262b}.row-action,.pagination button,.secondary-button{border:1px solid #ccd0d6;background:#fff;color:#353a42;padding:7px 10px;border-radius:5px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:var(--muted)}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:14px}.plan{background:#fff;border:1px solid var(--line);border-top:4px solid #747b85;padding:19px;border-radius:6px}.plan.public{border-top-color:var(--red)}.plan header{display:flex;justify-content:space-between;gap:8px}.plan h3{margin:0}.plan .price{font-size:24px;font-weight:800;margin:18px 0}.plan dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0 0 20px;font-size:12px}.plan dt{color:var(--muted)}.plan dd{margin:0;font-weight:700}.primary-button{border:0;background:var(--red);color:#fff;padding:11px 16px;border-radius:5px;font-weight:700}.primary-button:hover{background:var(--red-dark)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.compact{padding:8px 12px}dialog{border:0;border-radius:7px;padding:0;width:min(680px,calc(100vw - 28px));box-shadow:0 24px 80px #0004}dialog::backdrop{background:#14161bb3}.dialog-form header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.dialog-form header h2{margin:3px 0 0}.form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.form-grid .wide,.form-grid fieldset.wide{grid-column:1/-1}.form-grid fieldset{border:1px solid var(--line);padding:14px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-grid label{display:flex;align-items:center;gap:8px}.check-grid input{width:auto}.dialog-form footer{border-top:1px solid var(--line);padding:15px 22px;display:flex;justify-content:flex-end;gap:9px}.form-error{min-height:20px;color:#a5252a;font-size:13px}.login-body{background:#171a1f;color:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,42%) 1fr}.login-brand{background:#20242a;padding:clamp(34px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.login-brand>p{font-weight:900;margin:18px 0 50px}.login-brand h1{font-size:clamp(34px,5vw,64px);max-width:570px;margin:0}.login-brand span{color:#aeb4bd;margin-top:14px}.login-brand img{display:none}.login-form-wrap{display:grid;place-items:center;background:#f6f7f8;color:var(--ink);padding:30px}.login-form{width:min(390px,100%);display:grid;gap:18px}.login-form h2{font-size:28px;margin:4px 0 10px}.login-form label{display:grid;gap:7px;color:#656c76;font-size:13px}.login-form .primary-button{width:100%}@media(max-width:1050px){.metrics,.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:5;transform:translateX(-100%);transition:.2s;width:232px}.sidebar.open{transform:none}.main-content{padding:0 16px 30px}.topbar{height:78px;margin-bottom:20px}#menu-toggle{display:block}.system-status{font-size:0}.metrics,.plans-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{min-height:34vh;padding:32px}.login-brand>p{margin:12px 0 22px}.login-form-wrap{min-height:66vh}.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid fieldset.wide{grid-column:auto}}