*{box-sizing:border-box}body{margin:0;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif;background:#f3f5f8;color:#1d2733}
.hidden{display:none!important}#side{position:fixed;inset:0 auto 0 0;width:220px;background:#14324f;color:#fff;display:flex;flex-direction:column;padding:16px 10px;gap:14px;z-index:5;transition:transform .2s}
.brand{font-weight:700;font-size:18px;padding:0 8px}.brand small{font-weight:400;color:#9fbad6;font-size:13px}
#side nav{display:flex;flex-direction:column;gap:3px;flex:1}#side nav a{display:flex;gap:10px;align-items:center;color:#cfe0f2;padding:9px 10px;border-radius:8px;cursor:pointer}
#side nav a svg{width:20px;height:20px;fill:currentColor}#side nav a:hover{background:#1d4166}#side nav a.on{background:#2a5d8f;color:#fff}
.top{margin-left:220px;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e3e8ef;font-size:17px}#menuBtn{display:none}
main{margin-left:220px;padding:16px;max-width:1400px}
@media(max-width:800px){#side{transform:translateX(-100%)}body.menu #side{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}.top,main{margin-left:0}#menuBtn{display:inline-block}}
button{background:#1f6fd1;color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font:inherit}button.ghost{background:#e4eaf2;color:#14324f}
button.sm{padding:4px 8px;font-size:12px}button.red{background:#d64545}button.green{background:#2a9d55}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #cfd6df;border-radius:6px;width:100%;background:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.card{background:#fff;border-radius:10px;padding:14px;border-left:5px solid #7a8aa0}
.card span{color:#5a6878;display:block}.card b{font-size:28px}.green{border-color:#2a9d55}.red{border-color:#d64545}.orange{border-color:#e08a1e}.blue{border-color:#1f6fd1}
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin-top:10px}.tbl th,.tbl td{padding:7px 9px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}
.tbl th{background:#e9eef5;font-weight:600}.muted{color:#6b7787}.bar{display:flex;flex-wrap:wrap;gap:8px}.bar input{flex:1;min-width:200px}.bar select{width:auto}
.badge{display:inline-block;padding:1px 7px;border-radius:9px;font-size:12px;color:#fff}.b-on{background:#2a9d55}.b-off{background:#d64545}.b-res{background:#e08a1e}.b-gray{background:#8a96a5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}fieldset{background:#fff;border:0;border-radius:10px;padding:14px;display:grid;gap:9px;margin:0;align-content:start}
fieldset h3{margin:0}.wide{grid-column:1/-1}label{display:grid;gap:3px;font-size:13px;color:#3b4756}
.locs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.locs label{display:flex;gap:6px;align-items:center;background:#fff;padding:7px 11px;border-radius:8px}.locs input{width:auto}
textarea{resize:vertical}.login{display:grid;place-items:center;min-height:100vh}.login form{background:#fff;padding:26px;border-radius:12px;display:grid;gap:10px;width:300px}
.err{color:#d64545;margin:0}dialog{border:0;border-radius:12px;width:min(420px,94vw)}dialog form{display:grid;gap:9px}.row{display:flex;gap:8px}
#toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#14324f;color:#fff;padding:9px 16px;border-radius:8px;display:none;max-width:90vw}
.acts{display:flex;flex-wrap:wrap;gap:4px}@media(max-width:700px){.tbl{display:block;overflow-x:auto}}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;background:#e4eaf2;color:#3b4756;font-size:12px;font-weight:600}.pill.green{background:#d8f3e2;color:#1b7a43}.pill.red{background:#fbe0e0;color:#b02a2a}
.nowrap{white-space:nowrap}.form{display:grid;gap:12px}code{font-size:13px}
.card .pill{display:inline-block}
.tbl code{white-space:nowrap}