:root{--hunter-green: #1A3C34;--hunter-green-light: #2A5C4C;--hunter-green-dark: #0F2620;--charcoal: #2D2D2D;--charcoal-light: #4A4A4A;--charcoal-lighter: #6B6B6B;--cream: #F9F8F4;--cream-dark: #EBE9E1;--cream-darker: #DDD9CC;--gold: #C9A962;--gold-light: #D4BC7D;--gold-dark: #A88B3D;--white: #FFFFFF;--black: #000000;--error: #C53030;--error-light: #FED7D7;--warning: #DD6B20;--warning-light: #FEEBC8;--success: #38A169;--success-light: #C6F6D5;--info: #3182CE;--info-light: #BEE3F8;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--max-content-width: 1400px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 50px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 250;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}:root,[data-theme=light]{--color-background: #F5F5F5;--color-background-alt: var(--cream);--color-surface: var(--white);--color-surface-elevated: var(--white);--color-sidebar: var(--hunter-green);--color-sidebar-hover: var(--hunter-green-light);--color-sidebar-text: rgba(255, 255, 255, .85);--color-sidebar-text-muted: rgba(255, 255, 255, .5);--color-sidebar-active: var(--gold);--color-text-primary: var(--charcoal);--color-text-secondary: var(--charcoal-light);--color-text-muted: var(--charcoal-lighter);--color-text-inverse: var(--white);--color-accent: var(--hunter-green);--color-accent-light: var(--hunter-green-light);--color-highlight: var(--gold);--color-highlight-light: var(--gold-light);--color-highlight-dark: var(--gold-dark);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--border-thin: 1px solid var(--color-border);--border-subtle: 1px solid var(--color-border);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(201, 169, 98, .4)}[data-theme=dark]{--color-background: #0F0F0F;--color-background-alt: #1A1A1A;--color-surface: #1E1E1E;--color-surface-elevated: #262626;--color-sidebar: #0A0A0A;--color-sidebar-hover: #1A1A1A;--color-sidebar-text: rgba(255, 255, 255, .85);--color-sidebar-text-muted: rgba(255, 255, 255, .4);--color-sidebar-active: var(--gold);--color-text-primary: #F5F5F5;--color-text-secondary: #B3B3B3;--color-text-muted: #808080;--color-text-inverse: var(--charcoal);--color-accent: #4A9A8A;--color-accent-light: #5FBBA8;--color-highlight: var(--gold);--color-highlight-light: var(--gold-light);--color-highlight-dark: var(--gold-dark);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7), 0 8px 16px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::selection{background-color:#c9a9624d;color:var(--color-text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card{background:var(--color-surface);border:var(--border-thin);border-radius:var(--border-radius-lg);padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-highlight);color:var(--charcoal)}.btn--primary:hover:not(:disabled){background:var(--color-highlight-light)}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:var(--border-thin)}.btn--secondary:hover:not(:disabled){background:var(--color-background)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:#b52a2a}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;border-radius:var(--border-radius-full)}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--error{background:var(--error-light);color:var(--error)}.badge--info{background:var(--info-light);color:var(--info)}.badge--neutral{background:var(--color-background);color:var(--color-text-secondary)}