:root{--page:#fafafa;--card:#fff;--card-soft:#f9fafb;--control-fill:#f7f7f7;--hairline:#e5e7eb;--border:#e5e7eb;--border-subtle:#f3f4f6;--border-medium:#d1d5db;--border-strong:#9ca3af;--brand:#2b2d42;--brand-strong:#1f2132;--brand-light:#3b3e5a;--brand-medium:#71779f;--brand-soft:#d9dbe8;--brand-softer:#f1f2f7;--success:#10b981;--fg-success:#047857;--bg-success:#ecfdf5;--border-success:#a7f3d0;--warning:#f59e0b;--fg-warning:#b45309;--bg-warning:#fffbeb;--border-warning:#fde68a;--danger:#ef4444;--fg-danger:#b91c1c;--bg-danger:#fef2f2;--border-danger:#fecaca;--heading:#1f2937;--body:#4b5563;--body-subtle:#9ca3af;--body-muted:#6b7280;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 1px 3px #0000000a, 0 8px 24px #0000000a;--shadow-elevated:0 16px 40px #00000014;--shadow-modal:0 24px 64px #00000024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--page);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,.font-display{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.app-card:hover{border-color:var(--border-medium)}.glass-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-medium)}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong);box-shadow:0 4px 12px #2b2d4226}.btn-secondary{color:var(--heading);border:1px solid var(--border);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--border-medium);background:#f9fafb}.btn-danger{background:var(--bg-danger);color:var(--fg-danger);border:1px solid var(--border-danger)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.input-text{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--heading);font-family:var(--font-body);background:#fff;outline:none;padding:.65rem .95rem;font-size:.875rem;transition:all .15s}.input-text:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-softer)}.input-text::placeholder{color:var(--body-subtle)}select.input-text{cursor:pointer;appearance:auto}.nav-segmented-tabs{border:1px solid var(--border);border-radius:var(--radius-full);background:#f3f4f6;align-items:center;gap:4px;padding:4px;display:inline-flex}.nav-segmented-btn{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-segmented-btn:hover{color:var(--heading)}.nav-segmented-btn.active{color:var(--heading);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-brand{background:var(--brand-softer);color:var(--brand);border:1px solid var(--brand-soft)}.badge-success{background:var(--bg-success);color:var(--fg-success);border:1px solid var(--border-success)}.badge-warning{background:var(--bg-warning);color:var(--fg-warning);border:1px solid var(--border-warning)}.badge-danger{background:var(--bg-danger);color:var(--fg-danger);border:1px solid var(--border-danger)}.badge-neutral{color:var(--body-muted);border:1px solid var(--border);background:#f3f4f6}.data-table-container{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table thead{border-bottom:1px solid var(--border);background:#f9fafb}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--body-muted);border:none;padding:.85rem 1.15rem;font-size:.72rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--body);vertical-align:middle;padding:.9rem 1.15rem}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);background:#fff;width:100%;max-width:520px;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}