:root{--color-navy: #1B3A6B;--color-navy-dark: #142d54;--color-navy-light: #2a5298;--color-teal: #0E7C7B;--color-teal-light: #12a09e;--color-teal-muted: rgba(14, 124, 123, .12);--color-success: #16A34A;--color-success-muted: rgba(22, 163, 74, .1);--color-warning: #D97706;--color-warning-muted: rgba(217, 119, 6, .1);--color-error: #DC2626;--color-error-muted: rgba(220, 38, 38, .1);--color-white: #FFFFFF;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--sidebar-bg: #1B3A6B;--sidebar-width: 240px;--sidebar-item-active-bg: rgba(255, 255, 255, .12);--sidebar-item-hover-bg: rgba(255, 255, 255, .07);--sidebar-text: rgba(255, 255, 255, .75);--sidebar-text-active: #FFFFFF;--sidebar-text-muted: rgba(255, 255, 255, .45);--sidebar-border: rgba(255, 255, 255, .08);--surface-page: #F8FAFC;--surface-card: #FFFFFF;--surface-overlay: rgba(15, 23, 42, .5);--border-default: #E2E8F0;--border-strong: #CBD5E1;--border-focus: #0E7C7B;--font-family: "DM Sans", -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .05), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .07), 0 4px 6px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .08), 0 8px 10px rgba(15, 23, 42, .04);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-sidebar: 40;--z-topbar: 30;--z-modal: 50;--z-toast: 60}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--surface-page);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-family)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}::selection{background:#0e7c7b26;color:var(--color-navy)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}