@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-app)}.login-card{width:100%;max-width:420px;text-align:left}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-brand h1{color:var(--green);margin:0 0 var(--space-xs) 0}.login-form .form-group{margin-bottom:var(--space-md)}.login-form .form-label{display:block;margin-bottom:var(--space-xs)}.login-submit-btn{width:100%;margin-top:var(--space-md);padding:10px;font-size:.95rem}.login-info{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border)}.login-success{text-align:center;padding:var(--space-md) 0}.success-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--green);background:#4a52391a;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:popIn .4s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.success-message{color:var(--text-secondary);margin-bottom:var(--space-xl)}.login-footer{display:none}.verify-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:linear-gradient(135deg,var(--bg) 0%,#e8e3d8 100%)}.verify-card{width:100%;max-width:520px;padding:var(--space-2xl);text-align:center}.verify-loading{padding:var(--space-xl) 0}.loader{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.spinner-large{width:60px;height:60px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.verify-loading h2{color:var(--text);margin-bottom:var(--space-md);font-size:1.75rem}.verify-loading p{color:var(--muted);font-size:1rem;margin:0}.verify-success{padding:var(--space-xl) 0}.success-icon-large{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto var(--space-xl);background:#5a7a4a1a;border-radius:50%;color:var(--success);animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.verify-success h2{color:var(--text);margin-bottom:var(--space-md);font-size:1.75rem}.verify-success p{color:var(--muted);font-size:1rem;margin:0}.verify-error{padding:var(--space-xl) 0}.error-icon-large{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto var(--space-xl);background:#c85c4a1a;border-radius:50%;color:var(--error);animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verify-error h2{color:var(--text);margin-bottom:var(--space-lg);font-size:1.75rem}.verify-error .alert{text-align:left;margin-bottom:var(--space-xl)}.verify-error .btn{min-width:220px}@media(max-width:640px){.verify-container{padding:var(--space-lg)}.verify-card{padding:var(--space-xl)}.spinner-large{width:50px;height:50px}.success-icon-large,.error-icon-large{width:80px;height:80px}.verify-loading h2,.verify-success h2,.verify-error h2{font-size:1.5rem}}#root{width:100%;min-height:100vh}:root{--bg-app: #f2f4f7;--bg: #f2f4f7;--bg-surface: #ffffff;--card: #ffffff;--bg-hover: #f0f2ec;--bg-alt: #4a5239;--green: #4a5239;--green-hover: #3b422d;--accent: #b85c3c;--orange: #b85c3c;--text-primary: #111827;--text: #111827;--text-secondary: #6b7280;--muted: #6b7280;--text-light: #ffffff;--border: #e1e4e8;--line: #e1e4e8;--success: #5a7a4a;--error: #c85c4a;--warning: #d4a574;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--text-primary);line-height:1.35;font-size:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:1.75rem;letter-spacing:-.01em}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0 0 var(--space-md)}a{color:var(--green);text-decoration:none;transition:all .2s ease;font-weight:500}a:hover{color:var(--green-hover);text-decoration:underline}.btn{padding:6px 14px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;transition:all .2s ease;font-family:Inter,sans-serif}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--green-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:#d1d5db;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:.85rem;background-color:var(--bg-surface);color:var(--text-primary);transition:all .2s ease;outline:none}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #4a523926}.input::placeholder{color:var(--text-secondary)}.input:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.7}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-lg)}.form-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-error{color:var(--error);font-size:.75rem;margin-top:2px}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-lg)}.container{width:min(100%,1200px);margin-inline:auto;padding:var(--space-xl)}.alert{padding:12px 16px;border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--space-md);font-size:.85rem}.alert-success{background:#5a7a4a0d;border-color:#5a7a4a4d;color:var(--success)}.alert-error{background:#c85c4a0d;border-color:#c85c4a4d;color:var(--error)}.alert-info{background:#b85c3c0d;border-color:#b85c3c4d;color:var(--accent)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(107,114,128,.2);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--text-secondary);font-size:.85rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.container,.card{padding:var(--space-md)}}:root[data-theme=earth-light]{--primary-50: #f8f8f6;--primary-100: #f0f0ea;--primary-200: #e5e5d8;--primary-300: #d4d4c0;--primary-400: #c8c8a8;--primary-500: #a0a080;--primary-600: #868466;--primary-700: #666644;--primary-800: #404020;--primary-900: #2d2d15;--accent-50: #fefbf7;--accent-100: #faf6f0;--accent-200: #f5ede0;--accent-300: #eddfc9;--accent-400: #e0d0b5;--accent-500: #967a58;--accent-600: #7d6348;--accent-700: #604020;--accent-800: #4a3218;--accent-900: #362412;--clay-50: #fdfbf8;--clay-100: #f9f5f0;--clay-200: #f3ede4;--clay-300: #eae2d2;--clay-400: #dfd4bc;--clay-500: #c8b398;--clay-600: #866020;--clay-700: #6b4d1a;--clay-800: #543d15;--clay-900: #3e2e0f;--background: #f8f8f6;--surface: #ffffff;--surface-secondary: #f0f0ea;--surface-tertiary: #e5e5d8;--border: #d4d4c0;--border-subtle: #e5e5d8;--text-primary: #2d2d15;--text-secondary: #666644;--text-tertiary: #a0a080;--text-inverse: #ffffff;--primary: #868466;--primary-hover: #666644;--primary-active: #404020;--accent: #866020;--accent-hover: #604020;--success: #668844;--warning: #cc8844;--error: #cc5544;--info: #4488cc;--card-bg: #ffffff;--card-border: #e5e5d8;--sidebar-bg: #f8f8f6;--sidebar-hover: #e5e5d8;--header-bg: #ffffff;--input-bg: #ffffff;--input-border: #d4d4c0;--button-primary: #868466;--button-primary-hover: #666644}:root[data-theme=earth-dark]{--background: #1a1a15;--surface: #2d2d20;--surface-secondary: #363628;--surface-tertiary: #404033;--border: #4a4a3d;--border-subtle: #404033;--text-primary: #f0f0e6;--text-secondary: #c8c8a8;--text-tertiary: #967a58;--text-inverse: #1a1a15;--primary: #a0a080;--primary-hover: #c8c8a8;--primary-active: #e5e5d8;--accent: #cc9966;--accent-hover: #e6b380;--success: #88aa66;--warning: #ddaa66;--error: #dd7755;--info: #66aadd;--card-bg: #2d2d20;--card-border: #4a4a3d;--sidebar-bg: #1a1a15;--sidebar-hover: #363628;--header-bg: #2d2d20;--input-bg: #363628;--input-border: #4a4a3d;--button-primary: #a0a080;--button-primary-hover: #c8c8a8}:root[data-theme=olive-light]{--primary-50: #fafafa;--primary-100: #f5f5f5;--primary-200: #e8e8e8;--primary-300: #d8d8d8;--primary-400: #c8c8c8;--primary-500: #b0b0b0;--primary-600: #969696;--primary-700: #7a7a7a;--primary-800: #606060;--primary-900: #484848;--olive-50: #f8f8f6;--olive-100: #f2f2ed;--olive-200: #e8e8dc;--olive-300: #d8d8c4;--olive-400: #c8c8a8;--olive-500: #a0a080;--olive-600: #868466;--olive-700: #666644;--olive-800: #404020;--olive-900: #2d2d15;--background: #ffffff;--surface: #fafafa;--surface-secondary: #f5f5f5;--surface-tertiary: #e8e8e8;--border: #d8d8d8;--border-subtle: #e8e8e8;--text-primary: #2d2d15;--text-secondary: #606060;--text-tertiary: #969696;--text-inverse: #ffffff;--primary: #868466;--primary-hover: #666644;--primary-active: #404020;--secondary: #606060;--accent: #cc9966;--success: #669966;--warning: #cc9944;--error: #cc6666;--info: #6699cc;--card-bg: #ffffff;--card-border: #e8e8e8;--sidebar-bg: #fafafa;--sidebar-hover: #f5f5f5;--header-bg: #ffffff;--input-bg: #ffffff;--input-border: #d8d8d8;--button-primary: #868466;--button-primary-hover: #666644}:root[data-theme=olive-dark]{--background: #0f0f0f;--surface: #1a1a1a;--surface-secondary: #242424;--surface-tertiary: #2d2d2d;--border: #404040;--border-subtle: #2d2d2d;--text-primary: #f0f0e6;--text-secondary: #c8c8c8;--text-tertiary: #969696;--text-inverse: #0f0f0f;--primary: #a0a080;--primary-hover: #c8c8a8;--primary-active: #e5e5d8;--secondary: #b0b0b0;--accent: #ddaa77;--success: #88bb88;--warning: #ddaa66;--error: #dd8888;--info: #88aadd;--card-bg: #1a1a1a;--card-border: #404040;--sidebar-bg: #0f0f0f;--sidebar-hover: #242424;--header-bg: #1a1a1a;--input-bg: #242424;--input-border: #404040;--button-primary: #a0a080;--button-primary-hover: #c8c8a8}@media(prefers-color-scheme:dark){:root:not([data-theme]){--background: #1a1a15;--surface: #2d2d20;--surface-secondary: #363628;--surface-tertiary: #404033;--border: #4a4a3d;--border-subtle: #404033;--text-primary: #f0f0e6;--text-secondary: #c8c8a8;--text-tertiary: #967a58;--text-inverse: #1a1a15;--primary: #a0a080;--primary-hover: #c8c8a8;--primary-active: #e5e5d8}}@media(prefers-contrast:high){:root{--border-width: 2px;--button-border-width: 2px;--focus-ring-width: 3px}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}}@media(prefers-contrast:more){:root{--primary: #666644;--primary-hover: #404020;--accent: #866020;--success: #448844;--warning: #cc8844;--error: #cc4444}}:root[data-theme=organic-luxury-light]{--primary: #868466;--primary-hover: #747255;--primary-active: #5F5D44;--secondary: #866020;--secondary-hover: #6F4F1A;--accent-gold: #B89B5E;--accent-soft: #D4BC7D;--background: #F8F8F4;--surface: #FFFFFF;--surface-secondary: #F1F1EA;--surface-tertiary: #E5E5DA;--border: #DDDDCF;--border-subtle: #E5E5DA;--sidebar-bg: #1F241A;--sidebar-hover: #272B23;--sidebar-active: #868466;--text-primary: #1F1F1A;--text-secondary: #5E5E4E;--text-tertiary: #8A8A77;--text-inverse: #FFFFFF;--success: #4F7A4A;--success-hover: #5A8A55;--warning: #C28A2C;--warning-hover: #D49A3C;--error: #B84C4C;--error-hover: #C85C5C;--info: #4A6A8A;--info-hover: #5A7A9A;--button-primary: #868466;--button-primary-hover: #747255;--button-primary-active: #5F5D44;--button-primary-text: #FFFFFF;--button-secondary: #866020;--button-secondary-hover: #6F4F1A;--button-secondary-active: #5A3F15;--button-secondary-text: #FFFFFF;--button-premium: #B89B5E;--button-premium-hover: #C8AB6E;--button-premium-active: #A88B4E;--button-premium-text: #FFFFFF;--button-ghost: #868466;--button-ghost-hover: #747255;--button-ghost-text: #868466;--card-bg: #FFFFFF;--card-border: #E5E5DA;--card-hover-bg: #F8F8F4;--card-hover-border: #D5D5CA;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .12);--input-bg: #FFFFFF;--input-border: #DDDDCF;--input-border-focus: #868466;--input-border-error: #B84C4C;--input-text: #1F1F1A;--input-placeholder: #8A8A77;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}:root[data-theme=organic-luxury-dark]{--background: #141612;--surface: #1E211B;--surface-secondary: #272B23;--surface-tertiary: #30352E;--border: #3A3F38;--border-subtle: #30352E;--primary: #A0A080;--primary-hover: #B8B898;--primary-active: #C8C8A8;--secondary: #A08050;--secondary-hover: #B09060;--accent-gold: #D4BC7D;--accent-soft: #E8D6A0;--sidebar-bg: #0F110D;--sidebar-hover: #1A1D18;--sidebar-active: #A0A080;--text-primary: #F6F6EF;--text-secondary: #C2C2B5;--text-tertiary: #8A8A77;--text-inverse: #141612;--success: #6A9A65;--success-hover: #7AAA75;--warning: #D49A3C;--warning-hover: #E4AA4C;--error: #C85C5C;--error-hover: #D86C6C;--info: #5A7A9A;--info-hover: #6A8AAA;--button-primary: #A0A080;--button-primary-hover: #B8B898;--button-primary-active: #C8C8A8;--button-primary-text: #141612;--button-secondary: #A08050;--button-secondary-hover: #B09060;--button-secondary-active: #C0A070;--button-secondary-text: #F6F6EF;--button-premium: #D4BC7D;--button-premium-hover: #E4CCA0;--button-premium-active: #F4DCC0;--button-premium-text: #141612;--button-ghost: #A0A080;--button-ghost-hover: #B8B898;--button-ghost-text: #A0A080;--card-bg: #1E211B;--card-border: #3A3F38;--card-hover-bg: #272B23;--card-hover-border: #4A4F48;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--input-bg: #272B23;--input-border: #3A3F38;--input-border-focus: #A0A080;--input-border-error: #C85C5C;--input-text: #F6F6EF;--input-placeholder: #8A8A77}.layout-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border)}.layout-header{background:var(--surface);border-bottom:1px solid var(--border)}.layout-main{background:var(--background)}.nav-item{color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.nav-item.active{background:var(--sidebar-active);color:var(--text-primary)}.btn-primary{background:var(--button-primary);color:var(--button-primary-text);border:1px solid var(--button-primary);border-radius:6px;padding:12px 20px;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-primary:hover{background:var(--button-primary-hover);border-color:var(--button-primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary:active{background:var(--button-primary-active);transform:translateY(0)}.btn-secondary{background:var(--button-secondary);color:var(--button-secondary-text);border:1px solid var(--button-secondary);border-radius:6px;padding:12px 20px;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-secondary:hover{background:var(--button-secondary-hover);border-color:var(--button-secondary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-premium{background:var(--button-premium);color:var(--button-premium-text);border:1px solid var(--button-premium);border-radius:6px;padding:12px 20px;font-weight:500;transition:all var(--transition-fast);cursor:pointer;box-shadow:0 2px 4px #b89b5e33}.btn-premium:hover{background:var(--button-premium-hover);border-color:var(--button-premium-hover);transform:translateY(-1px);box-shadow:0 4px 8px #b89b5e4d}.btn-ghost{background:transparent;color:var(--button-ghost-text);border:1px solid var(--button-ghost);border-radius:6px;padding:12px 20px;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-ghost:hover{background:var(--button-ghost-hover);border-color:var(--button-ghost-hover);transform:translateY(-1px)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--card-shadow);transition:all var(--transition-normal);cursor:pointer}.card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:6px;padding:12px 16px;font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--input-border-focus);outline:none;box-shadow:0 0 0 3px #8684661a}.input.error{border-color:var(--input-border-error)}.input::placeholder{color:var(--input-placeholder)}.status-success{color:var(--success);background:#4f7a4a1a;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-warning{color:var(--warning);background:#c28a2c1a;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-error{color:var(--error);background:#b84c4c1a;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-info{color:var(--info);background:#4a6a8a1a;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}@media(prefers-contrast:high){:root{--border-width: 2px;--button-border-width: 2px;--focus-ring-width: 3px;--primary: #666644;--text-primary: #000000}.btn-primary,.btn-secondary,.btn-premium,.btn-ghost,.card{border-width:2px}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s;--transition-slow: 0s}.card,.btn-primary,.btn-secondary,.btn-premium,.btn-ghost,.input,.nav-item{transition:none}.card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-premium:hover,.btn-ghost:hover{transform:none}}@media(prefers-color-scheme:dark){:root:not([data-theme]){background:var(--background);color:var(--text-primary)}}.focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media(hover:none)and (pointer:coarse){.btn-primary,.btn-secondary,.btn-premium,.btn-ghost{min-height:44px;min-width:44px;padding:12px 20px}.card{margin:8px 0}.input{min-height:44px;font-size:16px}}@media print{.btn-primary,.btn-secondary,.btn-premium,.btn-ghost,.layout-sidebar{display:none}.card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}