:root {
  color-scheme: dark;
  --bg:#07111f;
  --panel:#0c1b30;
  --soft:#132640;
  --line:rgba(153,190,224,.22);
  --text:#edf7ff;
  --muted:#9cb1ca;
  --cyan:#66d7ef;
  --mint:#6ce3b7;
  --danger:#ff8ba3;
  font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,rgba(62,188,210,.16),transparent 28%),radial-gradient(circle at 90% 12%,rgba(104,87,220,.16),transparent 30%),var(--bg)}
a{color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:16px 0 70px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#06131c;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--mint))}.brand strong,.brand small{display:block}.brand small{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.1em}
.top-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.top-actions a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:42px 0 22px}.hero h1{margin:0 0 8px;font-size:clamp(30px,4vw,48px)}.hero p{margin:0;color:var(--muted)}.eyebrow{margin:0 0 7px!important;color:var(--cyan)!important;font-size:10px;font-weight:900;letter-spacing:.16em}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:9px}.metrics div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(17,35,59,.76)}.metrics strong,.metrics span{display:block}.metrics strong{font-size:22px}.metrics span{margin-top:4px;color:var(--muted);font-size:10px}
.panel{margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(10,26,46,.94)}.gate{max-width:530px;margin:14vh auto 0}.gate h1{margin:0 0 10px}.gate p{color:var(--muted)}.actions{display:flex;justify-content:center;gap:9px;margin-top:18px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{margin:0 0 5px}.section-heading p{margin:0;color:var(--muted)}
.alert{margin-top:12px;padding:12px 14px;border:1px solid rgba(102,215,239,.34);border-radius:12px;color:#c9f7ff;background:rgba(19,96,119,.28)}.alert.error{color:#ffd7df;border-color:rgba(255,112,143,.4);background:rgba(105,27,50,.34)}.alert.success{color:#d6ffef;border-color:rgba(108,227,183,.4);background:rgba(27,113,87,.28)}
.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:11px;cursor:pointer;font-weight:800;text-decoration:none}.primary{color:#06131c;border:0;background:linear-gradient(120deg,var(--cyan),var(--mint))}.secondary{color:var(--text);border:1px solid var(--line);background:var(--soft)}.danger{color:#ffdce5;border:1px solid rgba(255,111,143,.38);background:rgba(91,24,47,.45)}.compact{min-height:32px;padding:0 10px;font-size:11px}button:disabled{opacity:.55;cursor:wait}
.notification-form{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(360px,1.35fr);gap:14px}.body-field{grid-row:span 2}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;grid-column:1/-1}.delivery-options{display:flex;gap:16px;flex-wrap:wrap;grid-column:1/-1;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(5,17,31,.55)}
label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}label small{font-weight:400;text-align:right}.delivery-options label{display:flex;align-items:center;gap:7px;color:var(--text)}
input,select,textarea{width:100%;min-height:41px;padding:0 11px;color:var(--text);border:1px solid var(--line);border-radius:10px;outline:none;background:rgba(4,13,25,.72)}textarea{min-height:132px;padding:11px;resize:vertical;line-height:1.65}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(102,215,239,.12)}input[type=checkbox]{width:18px;min-height:18px;height:18px;padding:0}.form-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.notification-form>.primary{justify-self:start}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:9px;letter-spacing:.07em}td strong,td small{display:block}td small{margin-top:3px;color:var(--muted);max-width:420px;white-space:normal;line-height:1.55}.status{display:inline-block;padding:4px 7px;border-radius:999px;color:#75edc0;background:rgba(27,136,103,.2);font-size:9px;font-weight:900}.status.off{color:#ff9fb2;background:rgba(150,40,69,.23)}.level{display:inline-block;margin-right:5px;padding:3px 6px;border-radius:999px;color:#bcefff;background:rgba(34,116,145,.24);font-size:9px}.level.important{color:#ffd8e1;background:rgba(145,36,67,.32)}.level.warning{color:#ffe7aa;background:rgba(144,105,24,.27)}.level.success{color:#cffff0;background:rgba(27,113,87,.27)}.empty{margin:12px 0 0;color:var(--muted)}
@media(max-width:900px){.topbar,.hero{align-items:flex-start;flex-direction:column}.metrics{width:100%;grid-template-columns:repeat(2,1fr)}.top-actions{flex-wrap:wrap}.notification-form{grid-template-columns:1fr}.body-field{grid-row:auto}.form-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.shell{width:calc(100% - 18px)}.panel{padding:14px}.delivery-options{display:grid;grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}