:root{--role-primary: #065f46;--role-primary-light: #047857;--clr-primary-50: #ecfdf5;--clr-primary-100: #d1fae5;--clr-primary-200: #a7f3d0;--clr-primary-300: #6ee7b7;--clr-primary-400: #34d399;--clr-primary-500: #10b981;--clr-primary-600: #059669;--clr-primary-700: #047857;--clr-primary-800: #065f46;--clr-primary-900: #064e3b;--clr-accent-400: #2dd4bf;--clr-accent-500: #14b8a6;--clr-accent-600: #0d9488;--clr-neutral-50: #f8fafc;--clr-neutral-100: #f1f5f9;--clr-neutral-200: #e2e8f0;--clr-neutral-300: #cbd5e1;--clr-neutral-400: #94a3b8;--clr-neutral-500: #64748b;--clr-neutral-600: #475569;--clr-neutral-700: #334155;--clr-neutral-800: #1e293b;--clr-neutral-900: #0f172a;--clr-success: #059669;--clr-warning: #d97706;--clr-danger: #dc2626;--clr-info: #0ea5e9;--surface-bg: #f0fdf4;--surface-card: #ffffff;--surface-sidebar: #065f46;--surface-header: #047857;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--text-on-sidebar: #d1fae5;--border-color: #e2e8f0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.06);--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--header-height: 60px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nm-bg: var(--surface-bg);--nm-bg-alt: var(--clr-neutral-100);--nm-bg-muted: var(--clr-neutral-100);--nm-bg-subtle: var(--clr-neutral-50);--nm-surface: var(--surface-card);--nm-surface-alt: var(--clr-neutral-100);--nm-surface-secondary: var(--clr-neutral-50);--nm-card-bg: var(--surface-card);--nm-text: var(--text-primary);--nm-text-primary: var(--text-primary);--nm-text-secondary: var(--text-secondary);--nm-text-muted: var(--text-muted);--nm-border: var(--border-color);--nm-border-hover: var(--clr-neutral-300);--nm-border-light: var(--clr-neutral-200);--nm-primary: var(--clr-primary-600);--nm-primary-bg: var(--clr-primary-50);--nm-danger: var(--clr-danger);--nm-danger-bg: #fef2f2;--nm-danger-rgb: 220, 38, 38;--nm-error: var(--clr-danger);--nm-error-bg: #fef2f2;--nm-error-border: #fecaca;--nm-success: var(--clr-success);--nm-success-bg: #f0fdf4;--nm-warning: var(--clr-warning);--nm-warning-bg: #fffbeb;--nm-info: var(--clr-info);--nm-info-bg: #eff6ff;--nm-white: #ffffff;--nm-charcoal: var(--clr-neutral-800);--nm-navy: var(--surface-sidebar);--nm-navy-light: var(--clr-primary-700);--nm-font-mono: var(--font-mono);--nm-surface-elevated: var(--surface-card)}[data-theme=dark]{--surface-bg: #0f172a;--surface-card: #1e293b;--surface-header: #047857;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--text-on-sidebar: #a7f3d0;--border-color: #334155;--nm-bg: #0f172a;--nm-bg-alt: #1e293b;--nm-bg-muted: #1e293b;--nm-bg-subtle: #1e293b;--nm-surface: #1e293b;--nm-surface-alt: #263548;--nm-surface-secondary: #263548;--nm-card-bg: #1e293b;--nm-surface-elevated: #263548;--nm-text: #f1f5f9;--nm-text-primary: #f1f5f9;--nm-text-secondary: #cbd5e1;--nm-text-muted: #64748b;--nm-border: #334155;--nm-border-hover: #475569;--nm-border-light: #334155}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-normal);color:var(--text-primary);background-color:var(--surface-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--clr-primary-600);text-decoration:none}a:hover{color:var(--clr-primary-700);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--clr-neutral-100)}::-webkit-scrollbar-thumb{background:var(--clr-primary-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary-500)}