:root{--ink:#132238;--muted:#6b778c;--line:#e5eaf1;--primary:#2254d1;--nav:#101c31;--soft:#f4f7fb;--success:#14845a;--danger:#cc3b3b;--warning:#f2a51a}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.app-sidebar{position:fixed;inset:0 0 0 auto;width:255px;background:linear-gradient(165deg,#111d33,#172c4d);color:white;padding:24px 18px;display:flex;flex-direction:column;z-index:20;box-shadow:-8px 0 30px #12213c20}.brand-mark{display:flex;align-items:center;gap:12px;padding:0 8px 22px;border-bottom:1px solid #ffffff1f}.brand-mark>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#4f7cff;font-weight:900}.brand-mark strong,.brand-mark small{display:block}.brand-mark small{color:#b7c4dc;font-size:11px;margin-top:2px}.app-sidebar nav{display:grid;gap:5px;margin-top:20px}.app-sidebar nav a{color:#cbd6e9;text-decoration:none;padding:11px 13px;border-radius:10px;font-weight:600;font-size:14px}.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#ffffff14;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff1f;padding:16px 8px 0}.app-main{margin-right:255px;min-height:100vh}.content-wrap{max-width:1580px;margin:auto;padding:28px}.auth-main{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#dbe7ff,transparent 45%),#f5f7fb}.auth-main .content-wrap{width:min(460px,94vw)}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:26px;font-weight:800;margin:0 0 5px}.page-head p{color:var(--muted);margin:0}.card-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 25px #172b4d0b}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.metric small{color:var(--muted);display:block}.metric strong{font-size:28px;display:block;margin-top:7px}.metric.primary{border-top:4px solid var(--primary)}.metric.success{border-top:4px solid var(--success)}.metric.warning{border-top:4px solid var(--warning)}.metric.danger{border-top:4px solid var(--danger)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-wrap{overflow:auto}.table{margin:0;vertical-align:middle}.table th{color:var(--muted);font-size:12px;white-space:nowrap}.table td{font-size:14px}.section-title{font-size:18px;font-weight:800;margin:0 0 16px}.form-label{font-size:13px;font-weight:700}.form-control,.form-select{border-color:#dce3ec;min-height:42px}.btn-primary{background:var(--primary);border-color:var(--primary)}.badge-test{background:#f0e9ff;color:#6d39aa}.badge-active{background:#e6f7f0;color:#147a55}.badge-expired{background:#ffeaea;color:#a93333}.badge-trial{background:#e9f3ff;color:#2363a6}.amount-positive{color:var(--success);font-weight:800}.amount-negative{color:var(--danger);font-weight:800}.progress{height:9px;background:#e8edf4}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-list div{background:#f7f9fc;border-radius:10px;padding:10px}.detail-list small{display:block;color:var(--muted)}details.editor{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfd}details.editor summary{cursor:pointer;font-weight:800}.stack{display:grid;gap:13px}.empty{padding:36px;text-align:center;color:var(--muted)}.alert{border-radius:12px}.code-value{direction:ltr;text-align:left;font-family:Consolas,monospace;font-size:12px}.server-card{border-right:4px solid var(--primary)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.app-sidebar{position:relative;width:auto;padding:15px}.app-sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-user{margin-top:15px}.app-main{margin-right:0}.content-wrap{padding:16px}.metric-grid{grid-template-columns:1fr}.page-head{display:block}.app-sidebar nav a{font-size:12px}.detail-list{grid-template-columns:1fr}}