:root{--bg:#f4f7f8;--card:#fff;--ink:#17222b;--muted:#64727e;--line:#d9e0e4;--navy:#16324f;--pale:#e8f0f6;--warn:#8a4b00;--danger:#a01919;--good:#1d6b43;--shadow:0 1px 3px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1080px;margin:auto;padding:14px}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand h1{font-size:1.25rem;margin:0}.small,.muted{color:var(--muted);font-size:.88rem}.status{display:flex;gap:8px;align-items:center}.pill{padding:5px 9px;border-radius:999px;background:var(--pale);font-size:.8rem}.offline{background:#fff0d9;color:var(--warn)}.tabs{display:flex;gap:7px;overflow:auto;padding:12px 0;position:sticky;top:0;background:var(--bg);z-index:5}.tabs button,.btn{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:10px 13px;min-height:43px}.tabs button.active,.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.stat strong{font-size:1.8rem}.actions{grid-template-columns:repeat(2,1fr)}.action{text-align:left;padding:16px}.panel[hidden]{display:none}.split{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);gap:14px}.form{display:grid;gap:10px}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}label{font-size:.86rem;font-weight:600}input,select,textarea{width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;min-height:42px}textarea{min-height:85px}.list{display:grid;gap:8px}.item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px}.item-head{display:flex;justify-content:space-between;gap:10px}.right{text-align:right}.badge{font-size:.75rem;font-weight:700}.bad{color:var(--danger)}.good{color:var(--good)}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.toolbar>*{flex:1;min-width:150px}.login{max-width:420px;margin:10vh auto}.notice{padding:10px;border-radius:8px;background:var(--pale);margin-bottom:12px}.due{border-left:5px solid var(--danger)}.soon{border-left:5px solid var(--warn)}.ok{border-left:5px solid var(--good)}.footer{padding:18px 0 40px}.danger{color:var(--danger)}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.actions,.split,.row{grid-template-columns:1fr}.wrap{padding:10px}.tabs button{white-space:nowrap}.top{align-items:flex-start}.status{flex-direction:column;align-items:flex-end}}