:root{--bg: #f7f7f6;--surface: rgba(255, 255, 255, .88);--surface-solid: #ffffff;--ink: #17181a;--muted: #6e7278;--line: rgba(23, 24, 26, .09);--accent: #3f5efb;--accent-strong: #2f4be0;--accent-soft: rgba(63, 94, 251, .09);--danger: #dc3b4e;--danger-soft: rgba(220, 59, 78, .1);--ok: #0c8f63;--ok-soft: rgba(12, 143, 99, .1);--warn: #b97909;--warn-soft: rgba(185, 121, 9, .12);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);--radius: 12px;--radius-sm: 10px;--motion: .16s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:23px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px}h2{font-size:17px;font-weight:650;letter-spacing:-.01em;margin:28px 0 12px}h3{font-size:13px;font-weight:650;margin:0 0 10px;color:var(--muted);letter-spacing:.01em}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}th{text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:var(--muted);background:#fafafab3;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbfc}button,.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 15px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--motion),border-color var(--motion);box-shadow:var(--shadow-sm)}button:hover{background:#f9fafb;border-color:#d1d5db}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-family:inherit;background:var(--surface-solid);color:var(--ink);transition:border-color var(--motion),box-shadow var(--motion)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:16px}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 18px}.big{font-size:26px;font-weight:700;letter-spacing:-.02em}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.table-scroll>table{margin:0}@media(max-width:760px){body{font-size:14.5px}h1{font-size:20px}h2{font-size:16px;margin:22px 0 10px}.card{padding:15px 16px;border-radius:12px}button,.btn{min-height:42px;padding:9px 14px}input,select,textarea{font-size:16px;min-height:42px}.filters{gap:8px}.filters>input,.filters>select{flex:1 1 140px;min-width:0}.filters>button,.filters>.btn{flex:1 1 auto;justify-content:center}.spread{flex-wrap:wrap}.big{font-size:22px}.table-scroll{border-radius:12px;box-shadow:var(--shadow-sm)}.table-scroll>table{min-width:max-content;font-size:13.5px}.table-scroll th,.table-scroll td{padding:9px 12px;max-width:240px}}