:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1f2933;--text-muted: #6b7280;--primary: #4f46e5;--primary-dark: #4338ca;--danger: #dc2626;--ok: #059669;--warn: #d97706;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:0 0 .75rem;color:var(--text-muted);font-weight:600}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;height:56px}.topbar .brand{font-weight:700;color:var(--text)}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:var(--text-muted);padding:.25rem .5rem;border-radius:6px}.topbar nav a.active{color:var(--primary);background:#eef2ff}.topbar nav a:hover{text-decoration:none;color:var(--primary)}.page{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat .label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:1.8rem;font-weight:700;margin-top:.15rem}.stat .sub{color:var(--text-muted);font-size:.8rem;margin-top:.15rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}tbody tr:hover{background:#fafbfc}td.muted,.muted{color:var(--text-muted)}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#eef2ff;color:var(--primary-dark)}.badge.ok{background:#ecfdf5;color:var(--ok)}.badge.warn{background:#fffbeb;color:var(--warn)}.badge.danger{background:#fef2f2;color:var(--danger)}.badge.neutral{background:#f3f4f6;color:var(--text-muted)}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}input,select{width:100%;padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;font:inherit;background:var(--surface)}input:focus,select:focus{outline:2px solid #c7d2fe;border-color:var(--primary)}.field{margin-bottom:1rem}button,.btn{font:inherit;font-weight:600;padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;background:var(--primary);color:#fff;cursor:pointer}button:hover,.btn:hover{background:var(--primary-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.secondary:hover{background:var(--bg)}button.link{background:none;border:none;color:var(--primary);padding:0;font-weight:500}button.link:hover{text-decoration:underline;background:none}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0}.success{color:var(--ok);font-size:.9rem;margin:.5rem 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:340px}.login-card h1{text-align:center;margin-bottom:1.25rem}.toolbar{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.toolbar .field{margin-bottom:0}.toolbar .grow{flex:1;min-width:200px}.pager{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:1rem;color:var(--text-muted);font-size:.9rem}.detail-grid{display:grid;grid-template-columns:180px 1fr;row-gap:.6rem;column-gap:1rem}.detail-grid dt{color:var(--text-muted);font-size:.85rem}.detail-grid dd{margin:0;word-break:break-all}.spinner{color:var(--text-muted);padding:2rem 0;text-align:center}