:root{--bg:#f6f7f9;--panel:#fff;--text:#1d2330;--muted:#667085;--line:#e4e7ec;--accent:#2457c5;
--ok:#1a7f37;--warn:#b26b00;--err:#c4320a;--okbg:#e9f6ec;--warnbg:#fff5e1;--errbg:#fdecea}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#1d2330;color:#fff}
.top a{color:#cfd6e4}.top .brand{font-weight:700;color:#fff;font-size:16px}.top .where{color:#fff;opacity:.9}
.top .right{margin-left:auto;display:flex;gap:14px;align-items:center}
.layout{display:flex;min-height:calc(100vh - 44px)}
.side{width:260px;flex:none;background:var(--panel);border-right:1px solid var(--line);padding:14px}
.side h4{margin:12px 0 4px;font-size:13px}.side ul{list-style:none;margin:0;padding-left:10px}
.side li a{display:block;padding:2px 6px;border-radius:4px}.side li a.active{background:#e8eefb;font-weight:600}
.main{flex:1;padding:20px 28px;min-width:0}
h1{font-size:20px;margin:0 0 4px}h2{font-size:16px;margin:24px 0 8px}.muted{color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:10px 0}
.card .head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}
.b-ok{background:var(--okbg);color:var(--ok)}.b-warn{background:var(--warnbg);color:var(--warn)}
.b-err{background:var(--errbg);color:var(--err)}.b-none{background:#eef0f3;color:var(--muted)}
table{border-collapse:collapse;width:100%;background:var(--panel)}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
th{font-size:12px;color:var(--muted);font-weight:600}
button,.btn{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:5px 12px;font:inherit;cursor:pointer}
.btn-light{background:#fff;color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}
form.inline{display:inline}input,select,textarea{font:inherit;padding:4px 6px;border:1px solid var(--line);border-radius:5px}
.msg{padding:8px 12px;border-radius:6px;margin:8px 0}.msg.success{background:var(--okbg)}.msg.warning{background:var(--warnbg)}
.msg.error{background:var(--errbg)}.msg.info{background:#e8eefb}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.login{max-width:340px;margin:12vh auto}.login input{width:100%;margin:4px 0 10px}
@media (max-width:800px){.layout{flex-direction:column}.side{width:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:16px}}