:root{--bg:#f4f5f7;--side:#18191d;--panel:#fff;--panel2:#f7f7f8;--line:#e3e4e8;--text:#202126;--muted:#72747d;--blue:#d92332;--blue2:#e52d3d;--orange:#e68a13;--green:#15995a;--red:#d92332;--shadow:0 16px 45px rgba(24,25,29,.08)}
*{scrollbar-width:thin;scrollbar-color:#c9cbd1 transparent}
body{background:#f4f5f7;color:var(--text);letter-spacing:-.01em}
body:not(.light){--bg:#111216;--side:#16171b;--panel:#1d1f24;--panel2:#24262c;--line:#30323a;--text:#f4f4f5;--muted:#9b9da7;background:radial-gradient(circle at 70% -20%,#44151b 0,#111216 42%)}
.sidebar{width:270px;padding:18px 14px;background:#17181c!important;border-right:1px solid #2a2c33}
.brand{height:56px;padding:0 8px}.brand h1{font-size:22px;letter-spacing:-.03em}.crest{font-size:25px}
.nav{gap:7px}.nav-item{padding:11px 14px;border-radius:9px;font-weight:600}.nav-item:hover,.nav-item.active{background:#d92332!important;box-shadow:0 8px 22px #d9233230}
.group{border:0;background:#1d1f24}.group header{font-size:10px;padding:11px 12px}
.app{margin-left:270px}.topbar{height:72px;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.user{color:var(--text)}
body:not(.light) .topbar{background:rgba(18,19,23,.86)!important}
.page{padding:30px clamp(18px,3vw,45px);max-width:1720px;margin:auto}.page h2{font-size:32px;letter-spacing:-.04em}.page-head{margin-bottom:22px}
.primary{background:#d92332!important;border-radius:9px;box-shadow:0 8px 20px #d9233225;transition:.18s}.primary:hover{transform:translateY(-1px);background:#ef3344!important}
.quick-row{gap:16px}.stat,.panel,.statusline{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat{min-height:100px;padding:20px}.stat span{background:#d9233214;color:#d92332}.stat strong{font-size:34px}
.grid.two{gap:16px;margin-top:16px}.panel h3{padding:17px 20px;font-size:18px}.mission-list{padding:16px}.mission{background:var(--panel2);border-color:var(--line);border-radius:11px}.admin-mission{padding:16px}.mission-actions{border-color:var(--line)}.mission-actions button{background:var(--panel);color:var(--text);border-color:var(--line)}.mission-actions .alarm-action{background:#d92332;color:#fff}.mission-actions .end-action{background:#168f57;color:#fff}
input,select,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:9px;outline:none}input:focus,select:focus,textarea:focus{border-color:#d92332;box-shadow:0 0 0 3px #d9233218}
dialog{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:18px}dialog::backdrop{background:#09090bc7;backdrop-filter:blur(4px)}
.management-grid,.day-layout{display:grid;grid-template-columns:minmax(320px,410px) 1fr;gap:18px}.management-item{border-color:var(--line)}.assignment-row{background:var(--panel2)}.crew-options label{background:var(--panel)}
.dispo-toolbar{box-shadow:none}.dispo-table th{color:#d92332}.table-actions button{background:var(--panel2);color:var(--text);border-color:var(--line)}
.watch-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.day-plan-list{padding:12px}.day-item{display:grid;grid-template-columns:105px 1fr auto;gap:16px;padding:16px;border-bottom:1px solid var(--line);align-items:start}.day-item.completed{opacity:.55}.day-item.completed h4{text-decoration:line-through}.day-time b{font-size:22px;color:#d92332}.day-time small,.day-category{display:block;color:var(--muted);font-size:12px}.day-item h4{font-size:18px;margin:5px 0}.day-item p{margin:0}.day-actions{display:grid;gap:8px}.day-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:6px 9px;border-radius:7px}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.login-screen{background:radial-gradient(circle at 50% 0,#7b1d27,#15161a 55%)}.login-card{background:#1d1f24;border-color:#393b43;border-radius:20px}.login-card h1{font-size:34px}
@media(max-width:1000px){.management-grid,.day-layout{grid-template-columns:1fr}.quick-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app{margin-left:0}.page{padding:22px 16px}.quick-row{grid-template-columns:1fr}.day-item{grid-template-columns:80px 1fr}.day-actions{grid-column:2}}