:root{--bg:#f6f7f9;--panel:#fff;--panel-2:#f0f2f5;--text:#172033;--muted:#66708a;--border:#e1e5ec;--brand:#2f5bea;--brand-ink:#fff;--ok:#14804a;--warn:#b26a00;--bad:#c53030;--shadow:0 1px 2px #1018280f, 0 4px 16px #1018280f;--radius:10px;--sidebar:244px}:root[data-theme=dark]{--bg:#0e1220;--panel:#161b2e;--panel-2:#1d2338;--text:#e8ecf6;--muted:#9aa4c0;--border:#28304a;--brand:#6b8cff;--brand-ink:#0e1220;--ok:#4cc38a;--warn:#f0b04a;--bad:#ff7b7b;--shadow:0 1px 2px #0006}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-decoration:none}h1{margin:0;font-size:22px}h2{margin:0 0 10px;font-size:16px}h3{margin:0 0 8px;font-size:14px}.muted{color:var(--muted)}.right{text-align:right}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar);background:var(--panel);border-right:1px solid var(--border);scrollbar-width:none;z-index:20;padding:14px 10px;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar:hover{scrollbar-width:thin}.sidebar .brand{align-items:center;gap:8px;padding:6px 10px 14px;font-size:17px;font-weight:700;display:flex}.sidebar .group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 10px 4px;font-size:11px}.nav{color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.nav:hover{background:var(--panel-2)}.nav.active{background:var(--brand);color:var(--brand-ink)}.main{margin-left:var(--sidebar);flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;align-items:center;gap:10px;padding:10px 24px;display:flex;position:sticky;top:0}.content{max-width:1280px;padding:22px 24px 60px}.menu-btn{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.grid{gap:14px;display:grid}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat .n{font-size:24px;font-weight:700}.stat .l{color:var(--muted);font-size:12px}button,.btn{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}button:hover{background:var(--panel-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}button.primary:hover{filter:brightness(1.08)}button.danger{color:var(--bad)}button.sm{padding:3px 8px;font-size:12px}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--brand) 50%, transparent);outline-offset:0}input[type=checkbox]{width:auto}textarea{resize:vertical;min-height:80px}label.f{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.f>:not(span){color:var(--text)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px}th{color:var(--muted);cursor:default;background:var(--panel-2);font-size:12px;font-weight:600;position:sticky;top:0}th.sortable{cursor:pointer}tbody tr:hover{background:var(--panel-2)}td.wrap{white-space:normal;min-width:180px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);max-height:70vh;overflow:auto}.badge{background:var(--panel-2);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.badge.bad{background:color-mix(in srgb, var(--bad) 16%, transparent);color:var(--bad)}.badge.info{background:color-mix(in srgb, var(--brand) 16%, transparent);color:var(--brand)}.backdrop{z-index:50;background:#080c188c;justify-content:center;align-items:flex-start;padding:5vh 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);border-radius:14px;padding:20px}.modal.wide{width:min(980px,100%)}.modal header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.error{color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent);border-radius:8px;margin:8px 0;padding:8px 10px}.toast{background:var(--text);color:var(--bg);z-index:60;border-radius:8px;padding:10px 14px;position:fixed;bottom:18px;right:18px}.auth{place-items:center;min-height:100%;padding:20px;display:grid}.auth .card{width:min(420px,100%);padding:26px}.board{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:12px;display:grid;overflow-x:auto}.col{background:var(--panel-2);border-radius:var(--radius);min-height:160px;padding:10px}.col.over{outline:2px dashed var(--brand)}.col h3{justify-content:space-between;display:flex}.tcard{background:var(--panel);border:1px solid var(--border);cursor:grab;border-radius:8px;margin-bottom:8px;padding:10px}.tcard .k{color:var(--muted);font-size:11px}.empty{text-align:center;color:var(--muted);padding:30px}.thread .msg{background:var(--panel-2);border-radius:8px;margin-bottom:8px;padding:8px 10px}.thread .msg.internal{background:color-mix(in srgb, var(--warn) 14%, transparent)}@media (width<=860px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.main{margin-left:0}.menu-btn{display:inline-flex}.content{padding:16px 14px 60px}.topbar{padding:10px 14px}.board{grid-template-columns:repeat(4,240px)}}