:root{--ink: #14181c;--ink-soft: #2a2f35;--paper: #f1f2ed;--paper-dim: #e4e6de;--line: #d3d5c9;--line-strong: #b9bcac;--blue: #2f6fe8;--blue-dim: #e7edfb;--amber: #d98c1f;--amber-dim: #faf0dc;--red: #d43d2a;--red-dim: #fbe6e2;--green: #1e8e5a;--green-dim: #e2f3ea;--white: #ffffff;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm: 3px;--radius-md: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-panel: 0 1px 2px rgba(20, 24, 28, .06), 0 2px 12px rgba(20, 24, 28, .04);--nav-w: 224px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}.shell{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100%}.nav{background:var(--ink);color:var(--paper);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-6)}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;padding:0 var(--space-2);display:flex;align-items:baseline;gap:6px}.nav-brand .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.nav-event{padding:0 var(--space-2);color:#f1f2ed8c;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-2);border-radius:var(--radius-sm);text-decoration:none;color:#f1f2edb8;font-size:13.5px;font-weight:500}.nav-link:hover{background:#f1f2ed0f;color:var(--paper)}.nav-link.active{background:#f1f2ed1a;color:var(--paper)}.nav-foot{margin-top:auto;padding:0 var(--space-2);font-size:12px;color:#f1f2ed73}.main{padding:var(--space-6) var(--space-7);overflow-y:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.page-head h1{font-size:22px}.page-head .sub{color:#6b7078;font-size:13px;margin-top:4px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.panel-pad{padding:var(--space-5)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--white);color:var(--ink);padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;line-height:1.2}.btn:hover{border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.btn-sm{padding:5px 10px;font-size:12px}.btn-green{background:var(--green);border-color:var(--green);color:var(--white)}.btn-red{background:var(--red);border-color:var(--red);color:var(--white)}.btn-ghost{background:transparent;border-color:transparent;color:#565b62}.btn-ghost:hover{border-color:var(--line-strong)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7078}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 10px;background:var(--white);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:1px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#7a7f86;font-weight:600;padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--paper-dim);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--paper-dim)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:3px 8px 3px 7px;border-radius:var(--radius-sm);border-left:3px solid var(--line-strong);background:var(--paper-dim);color:var(--ink)}.chip-blue{border-left-color:var(--blue);background:var(--blue-dim)}.chip-amber{border-left-color:var(--amber);background:var(--amber-dim)}.chip-red{border-left-color:var(--red);background:var(--red-dim)}.chip-green{border-left-color:var(--green);background:var(--green-dim)}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--paper-dim);color:#565b62}.pill-green{background:var(--green-dim);color:var(--green)}.pill-amber{background:var(--amber-dim);color:var(--amber)}.pill-red{background:var(--red-dim);color:var(--red)}.pill-blue{background:var(--blue-dim);color:var(--blue)}.empty{text-align:center;padding:var(--space-7) var(--space-4);color:#7a7f86}.empty h3{color:var(--ink);margin-bottom:var(--space-2)}.hint{font-size:12px;color:#7a7f86;margin-top:4px}.error-banner{background:var(--red-dim);color:var(--red);border:1px solid #f0b8ac;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:var(--space-4)}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.spacer{flex:1}kbd{font-family:var(--font-mono);background:var(--paper-dim);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:11px}