:root{--bg: #FAFAF7;--surface: #FFFFFF;--surface-elevated: #FFFFFF;--surface-sunken: #F5F4F0;--text: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #9A9A94;--text-inverse: #FFFFFF;--primary: #1B3A4B;--primary-hover: #152F3D;--primary-light: #E8F0F3;--primary-gradient: #1B3A4B;--card-bg: #FFFFFF;--border: #E8E6E1;--border-light: #F2F0EB;--ring: rgba(27, 58, 75, .12);--hover-bg: #F5F4F0;--active-bg: #E8E6E1;--button-bg: #1B3A4B;--button-text: #FFFFFF;--success: #0D7C5F;--success-light: #ECFDF5;--success-border: #A7F3D0;--warning: #C27B1A;--warning-light: #FFFBEB;--warning-border: #FDE68A;--error: #C93535;--error-light: #FEF2F2;--error-border: #FECACA;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .04);--shadow: 0 1px 3px rgba(26, 26, 26, .05), 0 1px 2px rgba(26, 26, 26, .03);--shadow-md: 0 4px 6px -1px rgba(26, 26, 26, .05), 0 2px 4px -2px rgba(26, 26, 26, .03);--shadow-lg: 0 10px 15px -3px rgba(26, 26, 26, .05), 0 4px 6px -4px rgba(26, 26, 26, .03);--shadow-xl: 0 20px 25px -5px rgba(26, 26, 26, .06), 0 8px 10px -6px rgba(26, 26, 26, .03);--gradient-start: #FAFAF7;--gradient-end: #F5F4F0;--gradient-brand: #1B3A4B;--gradient-brand-subtle: #F0F4F6;--backdrop: rgba(26, 26, 26, .4);--overlay-blur: blur(8px)}[data-theme=dark]{--bg: #121214;--surface: #1C1C1F;--surface-elevated: #28282C;--surface-sunken: #0A0A0B;--text: #F5F3EF;--text-secondary: #C8C4BC;--text-muted: #78766F;--text-inverse: #121214;--primary: #5A9AAD;--primary-hover: #7AB4C4;--primary-light: rgba(90, 154, 173, .12);--primary-gradient: #5A9AAD;--card-bg: #1C1C1F;--border: #2E2E32;--border-light: #1C1C1F;--ring: rgba(90, 154, 173, .2);--hover-bg: #28282C;--active-bg: #34343A;--button-bg: #5A9AAD;--button-text: #121214;--success: #34D399;--success-light: rgba(52, 211, 153, .1);--success-border: rgba(52, 211, 153, .25);--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .25);--error: #FB7185;--error-light: rgba(251, 113, 133, .1);--error-border: rgba(251, 113, 133, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -4px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .15);--gradient-start: #121214;--gradient-end: #1C1C1F;--gradient-brand: #5A9AAD;--gradient-brand-subtle: rgba(90, 154, 173, .08);--backdrop: rgba(0, 0, 0, .6);--overlay-blur: blur(12px)}body{background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;min-height:100vh}.font-heading{font-family:Playfair Display,Georgia,Times New Roman,serif}.font-body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:.75rem;transition:background .3s ease,box-shadow .25s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.button{background:var(--button-bg);color:var(--button-text);border:none;border-radius:.75rem;font-weight:500;transition:all .2s ease}.button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;transition:all .3s ease}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--primary)}.header{background:#fafaf7d9;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .header{background:#1c1c1fd9}.footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted)}.toast{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay{background:var(--backdrop);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur)}.modal-content{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:1rem}.input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:.75rem}.dropdown-item:hover{background:var(--hover-bg)}.success{background:var(--success);color:#fff}.warning{background:var(--warning);color:#fff}.error{background:var(--error);color:#fff}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-700{color:var(--text)!important}[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-400{color:var(--text-muted)!important}[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-700{color:var(--text)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-slate-400{color:var(--text-muted)!important}[data-theme=dark] .bg-white{background-color:var(--card-bg)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-slate-50{background-color:var(--bg)!important}[data-theme=dark] .bg-gray-100{background-color:var(--surface)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-slate-200,[data-theme=dark] .border-slate-100{border-color:var(--border)!important}.dark-text{color:var(--text)!important}.dark-text-muted,.dark-text-light{color:var(--text-muted)!important}@media (max-width: 768px){.card{margin-bottom:.75rem}.button{padding:.75rem 1.5rem;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background-color:#1b3a4b26;color:inherit}[data-theme=dark] ::selection{background-color:#5a9aad40}