:root{--bg:#f5f6f8;--surface:#fff;--surface-muted:#f0f2f5;--border:#e2e5ea;--text:#1c2330;--text-muted:#5b6474;--accent:#1f5eff;--accent-soft:#e8efff;--critical:#c42b1c;--critical-soft:#fdecea;--important:#b45309;--important-soft:#fff4e5;--ok:#117a4b;--ok-soft:#e7f6ee;--radius:10px;--shadow:0 1px 2px #1018280d;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:22px;font-weight:650}h2{font-size:16px;font-weight:620}h3{font-size:14px;font-weight:600}p{margin:0}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{color:#cfd6e4;background:#121826;flex-direction:column;gap:20px;padding:20px 14px;display:flex}.brand{color:#fff;padding:0 10px;font-size:15px;font-weight:700}.brand small{color:#8d97aa;margin-top:2px;font-size:12px;font-weight:500;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:#cfd6e4;border-radius:8px;padding:8px 10px}.nav a:hover{color:#fff;background:#1f2738;text-decoration:none}.sidebar form{margin-top:auto;padding:0 10px}.sidebar .link-button{color:#8d97aa}.main{width:100%;max-width:1180px;padding:28px 32px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header p{color:var(--text-muted);margin-top:4px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.muted{color:var(--text-muted)}.small{font-size:12px}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.metric-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:650}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.badge{background:var(--surface-muted);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.critical,.badge.blocked,.badge.failed{background:var(--critical-soft);color:var(--critical)}.badge.important,.badge.restricted,.badge.watch,.badge.draft{background:var(--important-soft);color:var(--important)}.badge.ok,.badge.normal,.badge.sent,.badge.paid{background:var(--ok-soft);color:var(--ok)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.attention-item{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:12px;padding:14px 0;display:grid}.attention-item:first-child{border-top:0;padding-top:0}.attention-item p{color:var(--text-muted);margin-top:2px}.impact{font-variant-numeric:tabular-nums;text-align:right;font-weight:650}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}tr:last-child td{border-bottom:0}form.inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 10px}textarea{resize:vertical;width:100%;min-height:140px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.field-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;font-weight:600}button:hover{background:var(--surface-muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#1a4fd6}button.danger{color:var(--critical)}.link-button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:500}.link-button:hover{background:0 0;text-decoration:underline}.notice{border-radius:var(--radius);border:1px solid;margin-bottom:16px;padding:10px 14px}.notice.ok{background:var(--ok-soft);color:var(--ok);border-color:#bfe5cf}.notice.error{background:var(--critical-soft);color:var(--critical);border-color:#f5c2bd}.empty{text-align:center;color:var(--text-muted);padding:24px}.message-body{white-space:pre-wrap;background:var(--surface-muted);border-radius:8px;padding:12px;font-size:13px}details summary{cursor:pointer;color:var(--accent);font-weight:600}details[open] summary{margin-bottom:10px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tabs a{color:var(--text-muted);border-bottom:2px solid #0000;padding:8px 12px}.tabs a.active{color:var(--text);border-color:var(--accent);font-weight:600}.tabs a:hover{color:var(--text);text-decoration:none}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:100%;max-width:380px;padding:28px}.login form{flex-direction:column;gap:14px;margin-top:18px;display:flex}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;padding:12px}.nav{flex-flow:wrap}.sidebar form{margin-top:0}.main{padding:20px 16px 40px}}
