:root{--color-primary: #2c5f4f;--color-primary-dark: #1e4438;--color-primary-light: #3f7a67;--color-primary-hover: #1e4438;--color-primary-active: #163229;--color-success: #3f8f5f;--color-success-light: #5cae7b;--color-success-dark: #2e6e47;--color-warning: #a9852c;--color-warning-light: #c4a04a;--color-warning-dark: #8a6a1f;--color-error: #b3413a;--color-error-light: #c96961;--color-error-dark: #8f302a;--color-info: #2c5f4f;--color-info-light: #3f7a67;--color-info-dark: #1e4438;--color-text-primary: #1c1c14;--color-text-secondary: #4a4a3c;--color-text-muted: #8a8a78;--color-text-disabled: #a8a894;--color-text-inverse: #faf8f0;--color-bg-primary: #faf8f0;--color-bg-secondary: #f2f0e4;--color-bg-tertiary: #ece8d8;--color-bg-hover: #f2f0e4;--color-bg-active: #e3ded0;--color-border: #dcdccf;--color-border-light: #e9e6d6;--color-border-dark: #b7b7a3;--color-black: #1c1c14;--color-white: #faf8f0;--color-gray-100: #f2f0e4;--color-gray-200: #e9e6d6;--color-gray-300: #dcdccf;--color-gray-400: #b7b7a3;--color-gray-500: #8a8a78;--color-gray-600: #4a4a3c;--color-gray-700: #33332a;--color-gray-800: #24241c;--color-gray-900: #1c1c14;--font-primary: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Spectral", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .1875rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-2xl: .625rem;--radius-3xl: .75rem;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(28, 28, 20, .05);--shadow-md: 0 4px 6px -1px rgba(28, 28, 20, .1), 0 2px 4px -1px rgba(28, 28, 20, .06);--shadow-lg: 0 10px 15px -3px rgba(28, 28, 20, .1), 0 4px 6px -2px rgba(28, 28, 20, .05);--shadow-xl: 0 20px 25px -5px rgba(28, 28, 20, .1), 0 10px 10px -5px rgba(28, 28, 20, .04);--shadow-2xl: 0 25px 50px -12px rgba(28, 28, 20, .25);--shadow-inner: inset 0 2px 4px 0 rgba(28, 28, 20, .06);--shadow-primary-sm: 0 2px 4px rgba(44, 95, 79, .1);--shadow-primary-md: 0 4px 8px rgba(44, 95, 79, .15);--shadow-primary-lg: 0 8px 16px rgba(44, 95, 79, .2);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-loading: 1090;--z-toast: 1080;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-slower: .5s;--easing-ease: cubic-bezier(.4, 0, .2, 1);--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-padding-x-sm: .75rem;--btn-padding-x-md: 1rem;--btn-padding-x-lg: 1.5rem;--btn-font-size-sm: var(--text-sm);--btn-font-size-md: var(--text-base);--btn-font-size-lg: var(--text-lg);--input-height-sm: 36px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-x: .75rem;--input-border-width: 1px;--input-focus-ring-width: 3px;--input-focus-ring-offset: 2px;--card-padding-sm: var(--space-4);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--modal-max-width-sm: 400px;--modal-max-width-md: 600px;--modal-max-width-lg: 800px;--modal-backdrop-blur: 4px;--animation-spin-duration: 1s;--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-hover: var(--color-bg-hover);--bg-active: var(--color-bg-active);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: var(--color-text-disabled);--text-inverse: var(--color-text-inverse);--border-color: var(--color-border);--border-color-light: var(--color-border-light);--border-color-dark: var(--color-border-dark);--card-bg: var(--color-bg-primary);--card-border: var(--color-border);--card-shadow: var(--shadow-sm);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--color-text-inverse);--btn-primary-hover: var(--color-primary-dark)}[data-theme=dark]{--color-primary: #4f9c82;--color-primary-dark: #3f7a67;--color-primary-light: #6bb59c;--color-primary-hover: #3f7a67;--color-primary-active: #356755;--color-success: #5cae7b;--color-success-light: #7bc99a;--color-success-dark: #3f8f5f;--color-warning: #c9a24a;--color-warning-light: #dab86a;--color-warning-dark: #a9852c;--color-error: #d16b62;--color-error-light: #e08b83;--color-error-dark: #b3413a;--color-info: #4f9c82;--color-info-light: #6bb59c;--color-info-dark: #3f7a67;--color-text-primary: #f2f0e4;--color-text-secondary: #c9c8b8;--color-text-muted: #8f8f7c;--color-text-disabled: #6b6b5c;--color-text-inverse: #1c1c14;--color-bg-primary: #1a1d17;--color-bg-secondary: #22271f;--color-bg-tertiary: #2b3125;--color-bg-hover: #2b3125;--color-bg-active: #343b2c;--color-border: #3a4033;--color-border-light: #343b2c;--color-border-dark: #4d5442;--color-black: #f2f0e4;--color-white: #1a1d17;--color-gray-100: #2b3125;--color-gray-200: #343b2c;--color-gray-300: #3a4033;--color-gray-400: #4d5442;--color-gray-500: #8f8f7c;--color-gray-600: #c9c8b8;--color-gray-700: #dedcc9;--color-gray-800: #ece9da;--color-gray-900: #f2f0e4;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-primary-sm: 0 2px 4px rgba(79, 156, 130, .15);--shadow-primary-md: 0 4px 8px rgba(79, 156, 130, .2);--shadow-primary-lg: 0 8px 16px rgba(79, 156, 130, .25);--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-hover: var(--color-bg-hover);--bg-active: var(--color-bg-active);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: var(--color-text-disabled);--text-inverse: var(--color-text-inverse);--border-color: var(--color-border);--border-color-light: var(--color-border-light);--border-color-dark: var(--color-border-dark);--card-bg: var(--color-bg-secondary);--card-border: var(--color-border);--card-shadow: var(--shadow-md);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--color-text-inverse);--btn-primary-hover: var(--color-primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--easing-ease)}.animate-fade-out{animation:fadeOut var(--transition-normal) var(--easing-ease)}.animate-fade-in-up{animation:fadeInUp .6s var(--easing-ease-out)}.animate-fade-in-down{animation:fadeInDown .6s var(--easing-ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-normal) var(--easing-ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) var(--easing-ease-out)}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--easing-ease-out)}.animate-scale-out{animation:scaleOut var(--transition-normal) var(--easing-ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s var(--easing-ease)}.animate-slide-up{animation:slideUp var(--transition-slow) var(--easing-ease-out)}.animate-slide-down{animation:slideDown var(--transition-normal) var(--easing-ease-out)}.transition-fast{transition-duration:var(--transition-fast);transition-timing-function:var(--easing-ease)}.transition-normal{transition-duration:var(--transition-normal);transition-timing-function:var(--easing-ease)}.transition-slow{transition-duration:var(--transition-slow);transition-timing-function:var(--easing-ease)}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.transition-shadow{transition-property:box-shadow}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.ml-0{margin-inline-start:var(--space-0)}.ml-1{margin-inline-start:var(--space-1)}.ml-2{margin-inline-start:var(--space-2)}.ml-3{margin-inline-start:var(--space-3)}.ml-4{margin-inline-start:var(--space-4)}.ml-6{margin-inline-start:var(--space-6)}.ml-8{margin-inline-start:var(--space-8)}.mr-0{margin-inline-end:var(--space-0)}.mr-1{margin-inline-end:var(--space-1)}.mr-2{margin-inline-end:var(--space-2)}.mr-3{margin-inline-end:var(--space-3)}.mr-4{margin-inline-end:var(--space-4)}.mr-6{margin-inline-end:var(--space-6)}.mr-8{margin-inline-end:var(--space-8)}.mx-0{margin-inline:var(--space-0)}.mx-1{margin-inline:var(--space-1)}.mx-2{margin-inline:var(--space-2)}.mx-3{margin-inline:var(--space-3)}.mx-4{margin-inline:var(--space-4)}.mx-6{margin-inline:var(--space-6)}.mx-8{margin-inline:var(--space-8)}.mx-auto{margin-inline:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-10{padding-bottom:var(--space-10)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pl-0{padding-inline-start:var(--space-0)}.pl-1{padding-inline-start:var(--space-1)}.pl-2{padding-inline-start:var(--space-2)}.pl-3{padding-inline-start:var(--space-3)}.pl-4{padding-inline-start:var(--space-4)}.pl-6{padding-inline-start:var(--space-6)}.pl-8{padding-inline-start:var(--space-8)}.pr-0{padding-inline-end:var(--space-0)}.pr-1{padding-inline-end:var(--space-1)}.pr-2{padding-inline-end:var(--space-2)}.pr-3{padding-inline-end:var(--space-3)}.pr-4{padding-inline-end:var(--space-4)}.pr-6{padding-inline-end:var(--space-6)}.pr-8{padding-inline-end:var(--space-8)}.px-0{padding-inline:var(--space-0)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-left{text-align:start}.text-right{text-align:end}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border-width:1px;border-color:var(--color-border)}.border-0{border-width:0}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-inline-start-width:1px}.border-r{border-inline-end-width:1px}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-default{cursor:default}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.icon-rtl-flip{flex-shrink:0}[dir=rtl] .icon-rtl-flip{transform:scaleX(-1)}html{font-family:var(--font-primary);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-normal) var(--easing-ease),color var(--transition-normal) var(--easing-ease)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--easing-ease)}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);transition:background var(--transition-fast) var(--easing-ease)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html,body{height:100%;font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body{display:flex;flex-direction:column;min-height:100vh}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary);text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}:root{--admin-primary: #2c5f4f;--admin-success: #3f8f5f;--admin-warning: #a9852c;--admin-danger: #b3413a;--admin-info: #2c5f4f;--admin-bg: #f2f0e4;--admin-card-bg: #faf8f0;--admin-border: #dcdccf;--admin-text: #1c1c14;--admin-text-muted: #4a4a3c;--admin-shadow: 0 2px 8px rgba(28, 28, 20, .1);--admin-shadow-hover: 0 4px 12px rgba(28, 28, 20, .15);--sidebar-bg: var(--bg-secondary);--sidebar-text: var(--text-primary);--sidebar-hover: var(--bg-hover);--sidebar-active: var(--color-primary);--card-bg: var(--bg-primary);--card-border: var(--border-color);--card-shadow: var(--shadow-sm);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--text-inverse);--btn-primary-hover: var(--color-primary-dark)}[data-theme=dark]{--admin-primary: #4f9c82;--admin-success: #5cae7b;--admin-warning: #c9a24a;--admin-danger: #d16b62;--admin-info: #4f9c82;--admin-bg: #1a1d17;--admin-card-bg: #22271f;--admin-border: #3a4033;--admin-text: #f2f0e4;--admin-text-muted: #c9c8b8;--admin-shadow: 0 2px 8px rgba(0, 0, 0, .3);--admin-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--sidebar-bg: var(--bg-secondary);--sidebar-text: var(--text-primary);--sidebar-hover: var(--bg-hover);--sidebar-active: var(--color-primary);--card-bg: var(--bg-tertiary);--card-border: var(--border-color);--card-shadow: var(--shadow-md);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--text-inverse);--btn-primary-hover: var(--color-primary-dark)}p{font-size:16px;line-height:1.6;color:var(--text-primary)}.btn,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--color-border);text-align:center;cursor:pointer;font-size:13px;font-family:var(--font-primary);font-weight:500;letter-spacing:.01em;color:var(--text-primary);transition:all .15s ease;border-radius:var(--radius-md);white-space:nowrap}.btn:hover:not(:disabled),.action-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-border-dark)}.btn:disabled,.action-button:disabled{opacity:.5;cursor:not-allowed}.btn svg,.action-button svg{flex-shrink:0;width:16px;height:16px}.btn-primary,.action-button-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled),.action-button-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary,.action-button-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled),.action-button-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-border-dark)}.btn-danger,.action-button-danger{color:var(--color-error);border-color:var(--color-error);background:var(--bg-primary)}.btn-danger:hover:not(:disabled),.action-button-danger:hover:not(:disabled){background:#b3413a26;color:var(--color-error-dark);border-color:var(--color-error)}[data-theme=dark] .btn,[data-theme=dark] .action-button{background:var(--bg-secondary);border-color:var(--color-border)}[data-theme=dark] .btn:hover:not(:disabled),[data-theme=dark] .action-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-border-dark)}[data-theme=dark] .btn-primary,[data-theme=dark] .action-button-primary{background:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .btn-primary:hover:not(:disabled),[data-theme=dark] .action-button-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}[data-theme=dark] .btn-danger:hover:not(:disabled),[data-theme=dark] .action-button-danger:hover:not(:disabled){background:#d16b624d;color:var(--text-primary);border-color:var(--color-error)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:12px}.btn-sm svg{width:14px;height:14px}.input{width:100%;height:48px;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0 16px;font-size:16px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2c5f4f26;outline:none}.error{color:var(--color-error);font-size:12px;margin-top:4px}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.container{max-width:1120px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeInUp .3s ease-out}footer{background:var(--bg-secondary);color:var(--text-primary);text-align:center;padding:24px 0;margin-top:auto;transition:background-color .3s ease,color .3s ease}@media (max-width: 900px){.auth{grid-template-columns:1fr!important}.card{width:100%;max-width:360px}}@media (max-width: 600px){h1{font-size:28px}h2{font-size:22px}.container{padding:0 16px}}
