@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-orange-50: #FFF4EC;--brand-orange-100: #FFE3CD;--brand-orange-200: #FCC79B;--brand-orange-300: #F8AB75;--brand-orange-400: #F39455;--brand-orange-500: #ED7E36;--brand-orange-600: #D86A22;--brand-orange-700: #B5551A;--brand-orange-800: #8E4214;--brand-orange-900: #5C2A0C;--brand-blue-50: #EDF4FB;--brand-blue-100: #D2E4F5;--brand-blue-200: #A6C8EA;--brand-blue-300: #79ACDF;--brand-blue-400: #5BA4E0;--brand-blue-500: #2E73B5;--brand-blue-600: #205A92;--brand-blue-700: #1B3A5C;--brand-blue-800: #142A44;--brand-blue-900: #0B1A2C;--neutral-0: #FFFFFF;--neutral-25: #FBFCFD;--neutral-50: #F6F8FA;--neutral-100: #EEF1F4;--neutral-200: #E2E6EB;--neutral-300: #C8CFD7;--neutral-400: #98A2AE;--neutral-500: #6B7684;--neutral-600: #4B5563;--neutral-700: #343C47;--neutral-800: #1F252E;--neutral-900: #11161D;--neutral-950: #0A0E13;--success-50: #ECFDF5;--success-500: #16A34A;--success-700: #15803D;--warning-50: #FEF7E6;--warning-500: #F2A91B;--warning-700: #B7790E;--danger-50: #FEF2F2;--danger-500: #DC2626;--danger-700: #B91C1C;--info-50: #EFF6FF;--info-500: #2E73B5;--info-700: #1B3A5C;--primary: #E91E63;--primary-hover: #C2185B;--primary-soft: #FCE4EC;--primary-fg: #FFFFFF;--accent: var(--brand-blue-700);--accent-soft: var(--brand-blue-50);--bg: var(--neutral-50);--bg-elevated: #FFFFFF;--bg-sunken: var(--neutral-100);--surface: #FFFFFF;--surface-2: var(--neutral-50);--text: var(--neutral-900);--text-muted: var(--neutral-500);--text-subtle: var(--neutral-400);--text-on-primary: #FFFFFF;--text-on-accent: #FFFFFF;--border: var(--neutral-200);--border-strong: var(--neutral-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 38px;--fs-5xl: 48px;--fs-6xl: 64px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-snug: 1.3;--lh-base: 1.5;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .12), 0 4px 8px -4px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18);--shadow-focus: 0 0 0 3px rgba(233, 30, 99, .25);--ease-out: cubic-bezier(.2,.7,.2,1);--ease-in-out: cubic-bezier(.4,0,.2,1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s}[data-theme=dark]{--bg: #0B1118;--bg-elevated: #131A24;--bg-sunken: #07090D;--surface: #131A24;--surface-2: #1A2230;--text: #ECEFF3;--text-muted: #9AA4B2;--text-subtle: #6B7684;--border: #232C3A;--border-strong: #2E394A;--primary-soft: rgba(233, 30, 99, .12);--accent: var(--brand-blue-400);--accent-soft: rgba(91, 164, 224, .12);--shadow-xs: 0 1px 1px rgba(0,0,0,.4);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.3);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.5);--shadow-lg: 0 16px 28px -8px rgba(0,0,0,.55);--shadow-xl: 0 24px 48px -12px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,svg{display:block;max-width:100%}code{font-family:var(--font-mono);font-size:.9em}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;min-width:0}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);padding:var(--space-6) var(--space-5);position:sticky;top:0;height:100vh;overflow-y:auto;min-width:0}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:var(--space-8);padding:0 var(--space-2)}.brand .mark{width:100%;height:auto;max-width:160px}.brand .name{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:var(--tracking-tight);color:var(--brand-blue-700)}[data-theme=dark] .brand .name{color:var(--brand-blue-400)}.brand .tag{font-size:10px;color:var(--text-muted);background:var(--surface-2);padding:2px 6px;border-radius:var(--radius-sm);margin-left:4px;font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-subtle);font-weight:var(--fw-semibold);padding:0 var(--space-2);margin-bottom:var(--space-2)}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary);font-weight:var(--fw-semibold)}[data-theme=dark] .nav-link.active{color:var(--brand-orange-400)}.main{padding:var(--space-12) var(--space-16);max-width:1200px;margin:0 auto;min-width:0;width:100%}.eyebrow{font-size:12px;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-3)}.h1{font-size:var(--fs-5xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0 0 var(--space-4)}.h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:var(--space-16) 0 var(--space-2)}.h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--space-8) 0 var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border:1px solid transparent;background:var(--surface);color:var(--text);transition:all var(--dur) var(--ease-out);white-space:nowrap;letter-spacing:-.005em}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--primary{background:var(--primary);color:var(--text-on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--secondary{background:var(--accent);color:var(--text-on-accent)}.btn--secondary:hover{background:var(--brand-blue-800)}[data-theme=dark] .btn--secondary{background:var(--brand-blue-500)}[data-theme=dark] .btn--secondary:hover{background:var(--brand-blue-400);color:var(--neutral-900)}.btn--outline{border-color:var(--border-strong);background:transparent}.btn--outline:hover{background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger-500);color:#fff}.btn--danger:hover{background:var(--danger-700)}.btn--sm{padding:6px 12px;font-size:var(--fs-xs)}.btn--lg{padding:13px 20px;font-size:var(--fs-base)}.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur),box-shadow var(--dur)}.input::placeholder{color:var(--text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);min-width:0}.card--sm{padding:var(--space-4)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.table th{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--surface-2)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;background:var(--surface)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--surface-2);color:var(--text-muted);border:1px solid transparent}.badge--accent{background:var(--brand-blue-50);color:var(--brand-blue-700)}.badge--warning{background:var(--warning-50);color:var(--warning-700)}[data-theme=dark] .badge--accent{background:#5ba4e01f;color:var(--brand-blue-300)}[data-theme=dark] .badge--warning{background:#f2a91b29;color:#fcd34d}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.crumbs{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm);color:var(--text-muted)}.crumbs .sep{color:var(--text-subtle)}.crumbs .current{color:var(--text);font-weight:var(--fw-medium)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:var(--space-6) var(--space-4)}.h1{font-size:var(--fs-3xl)}}
