:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#0a0a0a;background:#f4f4f5}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:268px;background:#18181b;color:#fafafa;padding:1.25rem 0;flex-shrink:0}.sidebar h1{font-size:1rem;font-weight:600;margin:0 1rem 1.25rem;letter-spacing:.02em}.sidebar nav button{display:block;width:100%;text-align:left;padding:.6rem 1rem;border:none;background:transparent;color:#a1a1aa;font-size:.875rem;cursor:pointer}.sidebar nav button:hover{color:#fff;background:#27272a}.sidebar nav button.active{color:#fff;background:#3f3f46;border-left:3px solid #fafafa;padding-left:calc(1rem - 3px)}.sidebar nav .nav-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#71717a;padding:.85rem 1rem .25rem;margin-top:.25rem}.sidebar nav button.nav-sub{padding-left:1.35rem;font-size:.8125rem}.main{flex:1;padding:1.5rem 2rem;overflow:auto}.card{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:1.25rem;margin-bottom:1rem}.grid-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:1rem}.stat .n{font-size:1.5rem;font-weight:700}.stat .l{font-size:.75rem;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:.75rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:#52525b}input,textarea,select{font:inherit;padding:.45rem .6rem;border:1px solid #d4d4d8;border-radius:6px;min-width:140px}textarea{min-height:72px;min-width:280px}button.primary{background:#18181b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid #d4d4d8;padding:.35rem .65rem;border-radius:6px;cursor:pointer;font-size:.8125rem}button.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}table{width:100%;border-collapse:collapse;font-size:.8125rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #e4e4e7}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#71717a}.err{background:#fef2f2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.ok{background:#f0fdf4;color:#166534;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.login-box{max-width:400px;margin:4rem auto;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e4e4e7}.login-box h2{margin-top:0}.login-box input{width:100%}.muted{color:#71717a;font-size:.8125rem}.th-sort{border:none;background:transparent;font:inherit;font-weight:600;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left;width:100%}.th-sort:hover{color:#2563eb}.th-sort .th-sort-hint{font-weight:400;opacity:.45;font-size:.7em}