*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif;color:#1f2933;background:#f4f6f8}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}nav{background:#1c2b3a;color:#cfd8e3;padding:16px 0;display:flex;flex-direction:column}nav h1{font-size:15px;color:#fff;margin:0 16px 14px}nav button{background:none;border:0;color:inherit;text-align:left;padding:9px 16px;font:inherit;cursor:pointer;border-left:3px solid transparent}nav button:hover{background:#26394c}nav button.on{background:#26394c;color:#fff;border-left-color:#4ea1ff}nav button .soon{font-size:11px;opacity:.6;margin-left:6px}main{padding:24px;max-width:1200px}h2{margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.card{background:#fff;border:1px solid #dde3ea;border-radius:6px;padding:14px}.card small{color:#66788a;display:block}.card b{font-size:20px}.warn{background:#fff6e0;border:1px solid #f0c867;padding:10px 14px;border-radius:6px;margin-bottom:14px}.err{background:#fde8e8;border:1px solid #e49a9a;padding:8px 12px;border-radius:6px;margin-bottom:12px}.ok{background:#e6f5ea;border:1px solid #8fcf9f;padding:8px 12px;border-radius:6px;margin-bottom:12px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde3ea}th,td{padding:6px 10px;border-bottom:1px solid #eef1f4;text-align:left}th{background:#f0f3f6;font-weight:600}tr.off td{color:#99a5b1}.bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}input,select,textarea,button.b{font:inherit;padding:6px 8px;border:1px solid #c5ced8;border-radius:4px;background:#fff}button.b{cursor:pointer;background:#2467c9;color:#fff;border-color:#2467c9}button.b.sec{background:#fff;color:#2467c9}form.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:760px;background:#fff;padding:16px;border:1px solid #dde3ea;border-radius:6px;margin-bottom:20px}form.grid label{display:flex;flex-direction:column;font-size:12px;color:#55677a;gap:3px}form.grid .full{grid-column:1/-1}.login{max-width:340px;margin:12vh auto}.login form{display:flex;flex-direction:column;gap:10px;background:#fff;padding:20px;border-radius:6px;border:1px solid #dde3ea}@media (max-width:760px){.layout{grid-template-columns:1fr}nav{position:relative;flex-direction:row;flex-wrap:wrap;padding:8px}nav h1{width:100%;margin-bottom:6px}nav button{padding:7px 9px;border-left:0;border-bottom:2px solid transparent}nav button.on{border-bottom-color:#4ea1ff}main{padding:14px;min-width:0;overflow-x:auto}form.grid{grid-template-columns:1fr}form.grid .full{grid-column:1}table{min-width:650px}.cards{grid-template-columns:1fr 1fr}}