*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--canvas:#f8f9fb;--surface:#fff;--ink:#1a1a1a;--ink-soft:#5a5a5a;--ink-muted:#8a8a8a;--text-muted:#8a8a8a;--border:#0000000f;--border-emphasis:#0000001f;--accent:#146aff;--accent-hover:#0052d9;--accent-subtle:#eef4ff;--primary:#146aff;--primary-hover:#0052d9;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--radius:10px;--radius-s:6px;--shadow:0 1px 3px #0000000f;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topnav{z-index:100;background:var(--surface);border-bottom:1px solid var(--border-emphasis);align-items:center;gap:0;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.topnav-brand{letter-spacing:-.02em;color:var(--ink);margin-right:32px;font-size:15px;font-weight:800}.topnav-link{height:52px;color:var(--ink-muted);align-items:center;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex;position:relative}.topnav-link:hover{color:var(--ink);text-decoration:none}.topnav-link[data-active=true]{color:var(--ink);font-weight:600}.topnav-link[data-active=true]:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:14px;right:14px}.page{max-width:960px;margin:0 auto;padding:32px 24px}button{cursor:pointer;border-radius:var(--radius-s);border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--canvas);color:var(--ink);border:1px solid var(--border-emphasis)}.btn-secondary:hover{background:#f0f0f0}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.card{background:var(--surface);border:1px solid var(--border-emphasis);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.badge{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{color:#15803d;background:#dcfce7}.badge-yellow{color:#92400e;background:#fef3c7}.badge-gray{color:#475569;background:#f1f5f9}input,select,textarea{border:1px solid var(--border-emphasis);border-radius:var(--radius-s);background:var(--canvas);width:100%;color:var(--ink);padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}input:disabled{opacity:.5;cursor:not-allowed}