:root{--green-900: #0f2d05;--green-800: #1a4d06;--green-700: #235f09;--green-600: #2e7d1a;--green-500: #3a9620;--green-400: #52a832;--green-300: #72c050;--green-200: #a0d880;--green-100: #d4f0bc;--green-50: #eef8e6;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--color-text: var(--gray-900);--color-text-muted: var(--gray-600);--color-background: var(--gray-50);--color-surface: var(--white);--color-border: var(--gray-200);--color-accent: var(--green-700);--color-accent-strong: var(--green-800);--color-accent-soft: var(--green-50);--color-danger: #b91c1c;--color-warning: #b45309;--color-success: var(--green-600);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--focus-ring: 0 0 0 3px rgba(82, 168, 50, .55);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--rail-width: 240px;--topbar-height: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;border:1px solid transparent;transition:background .12s ease,color .12s ease,transform 80ms ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--white)}.btn-primary:hover{background:var(--color-accent-strong);text-decoration:none}.btn-outline{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-outline:hover{background:var(--color-accent-soft);text-decoration:none}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--gray-100)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.chip-accent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.chip-danger{background:#fde8e8;color:var(--color-danger)}.chip-warning{background:#fdf6dd;color:var(--color-warning)}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.table th,.table td{padding:10px 14px;text-align:left;font-size:.875rem}.table thead th{background:var(--gray-50);color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border)}.table tbody tr+tr td{border-top:1px solid var(--color-border)}.table tbody tr:hover{background:var(--gray-50)}.empty-state{padding:var(--space-7);text-align:center;color:var(--color-text-muted)}.op-pw{position:relative;display:block;flex:1 1 auto;min-width:0}.op-pw>.op-pw-toggle{position:absolute;top:0;right:0;bottom:0;width:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;opacity:.55;cursor:pointer}.op-pw>.op-pw-toggle:hover{opacity:1}.op-pw>.op-pw-toggle:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:-3px;border-radius:.25rem}.op-pw>.op-pw-toggle svg{width:1.05rem;height:1.05rem}