:root{color:#f8fafc;--line:#26364e;--muted:#94a3b8;--blue:#2563eb;--green:#16a34a;--red:#dc2626;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#f8fafc;background:linear-gradient(#07111f,#0b1322);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{max-width:1200px;margin:auto;padding:16px}.card{border:1px solid var(--line);background:#0f1b2df7;border-radius:18px;padding:16px;box-shadow:0 12px 35px #0003}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gap{margin-top:12px}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--blue);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}h1,h2,h3,p{margin:0}small,.muted{color:var(--muted)}.actions{flex-wrap:wrap;gap:8px;display:flex}button{border:1px solid var(--line);color:#fff;background:#1a2940;border-radius:12px;padding:11px 14px;font-weight:800}.primary{background:var(--blue);border-color:var(--blue)}.success{background:var(--green);border-color:var(--green)}.danger{background:var(--red);border-color:var(--red)}.ghost{background:0 0}.full{width:100%}.login{max-width:440px;margin:10vh auto}.field{gap:6px;margin:14px 0;display:grid}.field label{color:#cbd5e1;font-size:13px;font-weight:700}input,select{color:#fff;background:#0a1526;border:1px solid #31435f;border-radius:12px;width:100%;padding:13px 12px}.grid2{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.adminGrid{grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);gap:12px;display:grid}.counter{text-align:center;padding:20px 0}.counter div{letter-spacing:-.06em;font-size:92px;font-weight:950;line-height:1}.counterBtns{grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;display:grid}.counterBtns button{min-height:58px;font-size:20px}.stat{padding:14px}.stat span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.stat strong{font-size:22px}.stack{gap:10px;display:grid}.pause{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 10px}th{color:#cbd5e1;font-size:12px}.badge{color:#cbd5e1;background:#17243a;border-radius:999px;padding:5px 8px;font-size:12px;display:inline-block}.good{color:#86efac}.warn{color:#fdba74}.bad{color:#fca5a5}.notice{color:#cbd5e1;background:#17243a;border-radius:12px;padding:10px 12px;font-size:13px}.shift{border-left:5px solid var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.shift.on{border-left-color:var(--green)}.dot{background:var(--muted);border-radius:50%;width:10px;height:10px;margin-right:9px;display:inline-block}.on .dot{background:#4ade80;box-shadow:0 0 0 4px #4ade8022}.off{opacity:.72}@media (width<=850px){.grid2,.adminGrid{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}@media (width<=540px){.app{padding:10px}.top,.shift{align-items:flex-start}.shift{flex-direction:column}.shift button{width:100%}.counter div{font-size:76px}.counterBtns{grid-template-columns:2fr 1fr 1fr}.counterBtns .danger{grid-column:1/-1}.grid4{gap:7px}.stat strong{font-size:18px}}.reportForm{grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr) auto;align-items:end;gap:12px;display:grid}.reportForm .field{margin:0}.reportForm button{min-height:47px}@media (width<=850px){.reportForm{grid-template-columns:1fr}}.materialForm{grid-template-columns:minmax(0,1fr) 130px auto;align-items:end;gap:10px;display:grid}.materialForm .field{margin:0}.materialForm button{min-height:47px}@media (width<=700px){.materialForm{grid-template-columns:1fr}.materialForm button{width:100%}}