.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--body-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .6s ease-out}.preloader--hidden{opacity:0;pointer-events:none}.preloader__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.preloader__logo{width:100px;height:auto;margin-bottom:40px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}.preloader__bar-container{width:200px;height:4px;background:#0000000d;border-radius:4px;margin-bottom:16px;overflow:hidden;position:relative}[data-theme=dark] .preloader__bar-container{background:#ffffff14}.preloader__bar{position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light, #6a7ff0));border-radius:4px;animation:slide 1.5s ease-in-out infinite}.preloader__text{margin-top:10px;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--body-text);letter-spacing:.5px;opacity:.8}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}:root{--body-bg: #f8f9fa;--body-text: #14160b;--navbar-bg: #ddebc1;--navbar-text: black;--text-color: #333333;--scrollbar-width: 8px;--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--button-bg: #e9ecef;--button-text: #333333;--button-hover-bg: #79a02d;--heading-text: #233124;--card-bg: #ffffff;--primary-color: #60c919;--success-color: #22c55e;--warning-color: #f97316;--primary-dark: #647939;--primary-rgb: 2, 132, 199;--success-rgb: 34, 197, 94;--primary-color-dark: #618120;--primary-color-light: #75a90d;--secondary-button-bg: #f1f5f9;--secondary-button-text: #334155;--secondary-button-hover-bg: #e2e8f0;--warning-button-bg: #fef3c7;--warning-button-text: #92400e;--warning-button-hover-bg: #fef9c3;--input-bg: #ffffff;--input-text: #333333;--border-color: #e2e8f0;--label-text: #475569;--text-muted: #64748b;--error-color: #ef4444;--error-color-light: rgba(239, 68, 68, .2);--error-border: #fca5a5;--footer-bg: #1e293b;--footer-text: #ffffff;--footer-heading: #f8fafc;--footer-link: #cbd5e1;--footer-link-hover: #ffffff;--footer-bottom-bg: #385c25;--footer-bottom-text: #94a3b8;--background-primary: #ffffff;--background-secondary: #f8f9fa;--background-tertiary: #f1f5f9;--text-primary: #333333;--text-secondary: #475569;--accent-color: #f97316;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-2xl: 3rem;--spacing-xxxl: 3.5rem;--font-family: "Lato", emoji;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-pill: 9999px;--border-radius-circle: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 3px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s ease}[data-theme=dark]{--body-bg: #121212;--body-text: #e0e0e0;--navbar-bg: #080807;--navbar-text: #ffffff;--button-bg: #333333;--text-color: #e0e0e0;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--button-text: #ffffff;--button-hover-bg: #444444;--heading-text: #f8fafc;--card-bg: #1e1e1e;--primary-color: #52740e;--success-color: #22c55e;--warning-color: #f97316;--warning-button-bg: #fef3c7;--warning-button-text: #92400e;--warning-button-hover-bg: #fef9c3;--primary-dark: #224c08;--primary-rgb: 2, 132, 199;--success-rgb: 34, 197, 94;--primary-color-dark: #1eb87c;--primary-color-light: #70d36769;--secondary-button-bg: #334155;--secondary-button-text: #f1f5f9;--secondary-button-hover-bg: #475569;--input-bg: #262626;--input-text: #e0e0e0;--border-color: #404040;--label-text: #cbd5e1;--text-muted: #94a3b8;--error-color: #f87171;--error-color-light: rgba(248, 113, 113, .2);--error-border: #7f1d1d;--footer-bg: #0f172a;--footer-text: #20211e;--footer-heading: #f8fafc;--footer-link: #94a3b8;--footer-link-hover: #ffffff;--footer-bottom-bg: #020617;--footer-bottom-text: #64748b;--background-primary: #1e1e1e;--background-secondary: #121212;--background-tertiary: #262626;--text-primary: #e0e0e0;--text-secondary: #cbd5e1;--accent-color: #f97316}@media(prefers-color-scheme:dark){[data-theme=system]{--body-bg: #121212;--body-text: #e0e0e0;--navbar-bg: #080807;--navbar-text: #ffffff;--button-bg: #333333;--text-color: #e0e0e0;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--button-text: #ffffff;--button-hover-bg: #444444;--heading-text: #f8fafc;--card-bg: #1e1e1e;--primary-color: #52740e;--success-color: #22c55e;--warning-color: #f97316;--warning-button-bg: #fef3c7;--warning-button-text: #92400e;--warning-button-hover-bg: #fef9c3;--primary-dark: #224c08;--primary-rgb: 2, 132, 199;--success-rgb: 34, 197, 94;--primary-color-dark: #1eb87c;--primary-color-light: #70d36769;--secondary-button-bg: #334155;--secondary-button-text: #f1f5f9;--secondary-button-hover-bg: #475569;--input-bg: #262626;--input-text: #e0e0e0;--border-color: #404040;--label-text: #cbd5e1;--text-muted: #94a3b8;--error-color: #f87171;--error-color-light: rgba(248, 113, 113, .2);--error-border: #7f1d1d;--footer-bg: #0f172a;--footer-text: #20211e;--footer-heading: #f8fafc;--footer-link: #94a3b8;--footer-link-hover: #ffffff;--footer-bottom-bg: #020617;--footer-bottom-text: #64748b;--background-primary: #1e1e1e;--background-secondary: #121212;--background-tertiary: #262626;--text-primary: #e0e0e0;--text-secondary: #cbd5e1;--accent-color: #f97316}}@media(prefers-color-scheme:light){[data-theme=system]{--body-bg: #f8f9fa;--body-text: #14160b;--navbar-bg: #ddebc1;--navbar-text: black;--text-color: #333333;--scrollbar-width: 8px;--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--button-bg: #e9ecef;--button-text: #333333;--button-hover-bg: #79a02d;--heading-text: #233124;--card-bg: #ffffff;--primary-color: #60c919;--success-color: #22c55e;--warning-color: #f97316;--primary-dark: #647939;--primary-rgb: 2, 132, 199;--success-rgb: 34, 197, 94;--primary-color-dark: #618120;--primary-color-light: #75a90d;--secondary-button-bg: #f1f5f9;--secondary-button-text: #334155;--secondary-button-hover-bg: #e2e8f0;--warning-button-bg: #fef3c7;--warning-button-text: #92400e;--warning-button-hover-bg: #fef9c3;--input-bg: #ffffff;--input-text: #333333;--border-color: #e2e8f0;--label-text: #475569;--text-muted: #64748b;--error-color: #ef4444;--error-color-light: rgba(239, 68, 68, .2);--error-border: #fca5a5;--footer-bg: #1e293b;--footer-text: #ffffff;--footer-heading: #f8fafc;--footer-link: #cbd5e1;--footer-link-hover: #ffffff;--footer-bottom-bg: #385c25;--footer-bottom-text: #94a3b8;--background-primary: #ffffff;--background-secondary: #f8f9fa;--background-tertiary: #f1f5f9;--text-primary: #333333;--text-secondary: #475569;--accent-color: #f97316;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-2xl: 3rem;--spacing-xxxl: 3.5rem;--font-family: "Lato", emoji;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-pill: 9999px;--border-radius-circle: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 3px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s ease}}.alert{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.alert__content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert__icon{font-size:1.5rem;flex-shrink:0}.alert__icon--success{color:#10b981}.alert__icon--error{color:#ef4444}.alert__icon--warning{color:#f59e0b}.alert__icon--info{color:#3b82f6}.alert__text{flex-grow:1}.alert__title{margin:0 0 var(--spacing-xs) 0;font-weight:600}.alert__message{margin:0;line-height:1.5}.alert__close{background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0;font-size:1.25rem;transition:opacity var(--transition-fast);display:flex;align-items:center;margin-left:var(--spacing-md)}.alert__close:hover{opacity:1}.alert--success{background-color:#10b9811a;border-left:4px solid #10b981;color:#064e3b}.alert--error{background-color:#ef44441a;border-left:4px solid #ef4444;color:#7f1d1d}.alert--warning{background-color:#f59e0b1a;border-left:4px solid #f59e0b;color:#78350f}.alert--info{background-color:#3b82f61a;border-left:4px solid #3b82f6;color:#1e3a8a}[data-theme=dark] .alert--success{background-color:#10b98126;color:#d1fae5}[data-theme=dark] .alert--error{background-color:#ef444426;color:#fee2e2}[data-theme=dark] .alert--warning{background-color:#f59e0b26;color:#fef3c7}[data-theme=dark] .alert--info{background-color:#3b82f626;color:#dbeafe}