:root{--bg:#f6f7f9;--surface:#fff;--surface-soft:#f1f4f8;--line:#d9dee8;--line-strong:#b7c0cf;--text:#17202f;--muted:#657186;--accent:#0f766e;--accent-strong:#115e59;--danger:#b42318;--warning:#a15c07;--ok:#177245;--focus:#2563eb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#fff;background:#1f2937;padding:20px 14px}.app-brand{margin:0 0 22px;font-size:19px;font-weight:700}.app-nav{gap:6px;display:grid}.app-nav button{color:#dbe4ef;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;display:flex}.app-nav button[data-active=true]{color:#fff;background:#314155;border-color:#4a5b73}.app-main{min-width:0}.app-topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;min-height:64px;padding:0 24px;display:flex}.app-content{gap:18px;padding:22px 24px 40px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-body{gap:14px;padding:16px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0;font-size:18px;line-height:1.3}.section-title p{color:var(--muted);margin:3px 0 0}.toolbar,.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{gap:12px;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.field{gap:5px;display:grid}.field span{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:#fff;border-radius:6px;width:100%;min-height:36px;padding:7px 9px}.field textarea{resize:vertical;min-height:76px}.button{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:7px 11px;display:inline-flex}.button[data-tone=primary]{background:var(--accent);border-color:var(--accent);color:#fff}.button[data-tone=danger]{color:var(--danger);border-color:#f0b8b3}.button:disabled{cursor:not-allowed;opacity:.55}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:9px 10px;font-size:14px}.data-table th{background:var(--surface-soft);color:var(--muted);font-weight:600}.table-wrap{overflow-x:auto}.table-separator td{color:var(--muted);text-transform:uppercase;background:#e7ebf2;font-weight:700}.badge{border:1px solid var(--line-strong);border-radius:999px;padding:5px 8px;font-size:12px;line-height:1;display:inline-flex}.badge[data-tone=ok]{color:var(--ok);border-color:#a7d8bd}.badge[data-tone=warning]{color:var(--warning);border-color:#f2c48b}.badge[data-tone=danger]{color:var(--danger);border-color:#efb0aa}.notice{color:var(--warning);border:1px solid #f2c48b;border-radius:6px;padding:9px 10px}.thumb{background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;width:48px;height:38px;display:inline-flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static}.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}