body{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e9ecef80;box-shadow:0 2px 20px #0000000d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header-container{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin:0 auto;max-width:var(--container-3xl);padding:0 var(--space-md);width:100%}.header-left .logo{align-items:center;color:#2c5530;display:flex;gap:.75rem;text-decoration:none}.logo-image{border-radius:8px;height:50px;object-fit:contain;width:50px}.logo-text{align-items:flex-start;display:flex;flex-direction:column}.logo-text h1{font-size:1.8rem;font-weight:700;margin:0}.logo-text span{color:#6c757d;font-size:.9rem;margin-top:-.2rem}.header-nav{display:flex;gap:2rem}.nav-link{color:#495057;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#2c5530}.header-right{align-items:center;display:flex;gap:1.5rem}.cart-link{position:relative;text-decoration:none}.cart-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.cart-icon:hover{background:linear-gradient(135deg,#2c5530,#1e3a21);box-shadow:0 4px 16px #2c55304d;color:#fff;transform:translateY(-2px)}.orders-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.orders-icon:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 4px 16px #007bff4d}.cart-count{background-color:#dc3545;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.auth-section,.cart-count,.user-menu{align-items:center;display:flex}.user-menu{gap:1rem}.user-link{align-items:center;color:#495057;display:flex;font-weight:500;gap:.5rem;text-decoration:none}.logout-button{background:none;border:1px solid #6c757d;border-radius:20px;color:#6c757d;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.logout-button:hover{background-color:#6c757d;color:#fff}.auth-buttons{display:flex;gap:1rem}.auth-link{border-radius:20px;color:#495057;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.auth-link:hover{background-color:#e9ecef}.auth-link.register{background-color:#2c5530;color:#fff}.auth-link.register:hover{background-color:#1e3a21}.mobile-menu-toggle{background:none;border:none;border-radius:6px;cursor:pointer;display:none;font-size:1.5rem;padding:var(--space-xs);transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:#2c55301a}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #e9ecef80;box-shadow:0 4px 20px #0000001a;display:none;left:0;position:absolute;right:0;top:100%;z-index:999}.mobile-menu.open{animation:slideDown .3s ease-out;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-content{gap:var(--space-sm);padding:var(--space-md)}.mobile-menu-content,.mobile-nav{display:flex;flex-direction:column}.mobile-nav{gap:var(--space-xs);margin-bottom:var(--space-md)}.mobile-nav .nav-link{background:#2c55300d;border-radius:8px;padding:var(--space-sm);text-align:center;transition:all .2s ease}.mobile-nav .nav-link:hover{background:#2c55301a;transform:translateY(-1px)}.mobile-auth{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-auth .auth-link{border-radius:8px;padding:var(--space-sm) var(--space-md);text-align:center}@media (max-width:1023px){.header-nav{display:none}.mobile-menu-toggle{display:block}}@media (max-width:767px){.header{padding:var(--space-sm) 0}.header-container{gap:var(--space-md);padding:0 var(--space-sm)}.logo-image{height:clamp(35px,8vw,45px);width:clamp(35px,8vw,45px)}.logo-text h1{font-size:clamp(1.2rem,4vw,1.6rem)}.logo-text span{font-size:clamp(.7rem,2.5vw,.9rem)}.header-right{gap:var(--space-sm)}.cart-icon{height:44px;width:44px}.user-menu{align-items:flex-end;flex-direction:column;gap:var(--space-xs)}.logout-button,.user-link{font-size:var(--text-sm)}.logout-button{padding:var(--space-xs) var(--space-sm)}.auth-buttons{align-items:flex-end;flex-direction:column;gap:var(--space-xs)}.auth-link{font-size:var(--text-sm);min-width:80px;padding:var(--space-xs) var(--space-sm)}}@media (max-width:479px){.header-container{gap:var(--space-sm);padding:0 var(--space-xs)}.logo{gap:var(--space-xs)}.logo-image{height:clamp(30px,7vw,40px);width:clamp(30px,7vw,40px)}.logo-text h1{font-size:clamp(1rem,3.5vw,1.4rem)}.logo-text span{font-size:clamp(.65rem,2vw,.8rem)}.cart-icon{font-size:1.3rem;height:40px;width:40px}.cart-count{font-size:.7rem;height:18px;width:18px}.mobile-menu-content{padding:var(--space-sm)}.user-menu{align-items:center;text-align:center}.auth-buttons{align-items:center;width:100%}.auth-link{max-width:120px;width:100%}}@media (max-height:500px) and (orientation:landscape){.header{padding:var(--space-xs) 0}.mobile-menu-content{max-height:60vh;overflow-y:auto;padding:var(--space-sm)}}@media (prefers-contrast:high){.header{border-bottom-color:#000}.nav-link:hover{background-color:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.mobile-menu.open{animation:none}.auth-link,.cart-icon,.nav-link{transition:none}}.footer{background:linear-gradient(135deg,#2c5530,#1e3a21);box-shadow:0 -2px 20px #0000001a;color:#fff;margin-top:auto;padding:2rem 0}.footer-container{margin:0 auto;max-width:var(--container-3xl);padding:0 var(--space-md);width:100%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copyright{align-items:center;display:flex;font-size:.9rem;opacity:.9}.footer-copyright span{align-items:center;display:flex;gap:.5rem}.footer-copyright span:before{content:"©";font-size:1.1rem;font-weight:700}.footer-social{gap:1rem}.footer-social,.social-link{align-items:center;display:flex}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;height:44px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.social-link:hover{background:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.social-link.ozon:hover,.social-link.telegram:hover,.social-link.vk:hover{background:#005bff33;border-color:#005bff}.social-icon{height:24px;object-fit:contain;opacity:.9;transition:all .2s ease;width:24px}.social-link:hover .social-icon{opacity:1;transform:scale(1.1)}@media (max-width:767px){.footer{padding:var(--space-lg) 0}.footer-container{padding:0 var(--space-sm)}.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}.footer-copyright{font-size:var(--text-sm);order:2}.footer-social{justify-content:center;order:1}}@media (max-width:479px){.footer{padding:var(--space-md) 0}.footer-container{padding:0 var(--space-xs)}.footer-content{gap:var(--space-sm)}.footer-copyright{font-size:var(--text-xs)}.social-link{height:40px;width:40px}.social-icon{height:20px;width:20px}}@media (hover:none) and (pointer:coarse){.social-link{min-height:48px;min-width:48px}.social-link:hover{transform:none}.social-link:active{transform:scale(.95)}}.route-container{animation:routeFadeIn .2s ease-out;min-height:100%;width:100%}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.route-container{animation:none}}.loading-container{align-items:center;display:flex;justify-content:center;padding:20px}.loading-container--overlay{background-color:#fffc;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-container--fullscreen{background-color:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff}.loading-spinner--small{border-width:2px;height:20px;width:20px}.loading-spinner--medium{border-width:3px;height:40px;width:40px}.loading-spinner--large{border-width:4px;height:60px;width:60px}.loading-text{color:#6c757d;font-size:14px;margin:0;text-align:center}.loading-spinner-inner{animation:pulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#0000 40%,#007bff 0,#007bff 60%,#0000 0);border-radius:50%;height:100%;width:100%}.notification-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;min-height:60px;padding:12px 16px}.notification--success{background:#f8fff9;border-left-color:#28a745}.notification--error{background:#fff8f8;border-left-color:#dc3545}.notification--warning{background:#fffdf5;border-left-color:#ffc107}.notification--info{background:#f8f9ff;border-left-color:#007bff}.notification-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}.notification--success .notification-icon{background:#28a745;color:#fff}.notification--error .notification-icon{background:#dc3545;color:#fff}.notification--warning .notification-icon{background:#ffc107;color:#212529}.notification--info .notification-icon{background:#007bff;color:#fff}.notification-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:12px;padding:0;transition:background-color .2s;width:24px}.notification-close:hover{background-color:#0000001a}@media (max-width:768px){.notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{margin:0}}.responsive-layout{max-width:100vw;overflow-x:hidden;position:relative;width:100%}.responsive-layout.screen-xs{font-size:14px}.responsive-layout.screen-sm{font-size:15px}.responsive-layout.screen-lg,.responsive-layout.screen-md,.responsive-layout.screen-xl{font-size:16px}.responsive-layout *{max-width:100%}.responsive-layout iframe,.responsive-layout img,.responsive-layout video{height:auto;max-width:100%}.responsive-layout *,.responsive-layout :after,.responsive-layout :before{box-sizing:border-box}.responsive-layout.screen-sm,.responsive-layout.screen-xs{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.responsive-layout{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.responsive-layout{scroll-behavior:auto}}:root{--color-primary-50:#f0f9f0;--color-primary-100:#dcf2dc;--color-primary-200:#bce5bc;--color-primary-300:#8dd18d;--color-primary-400:#5bb85b;--color-primary-500:#2c5530;--color-primary-600:#1e3a21;--color-primary-700:#162b18;--color-primary-800:#0f1d11;--color-primary-900:#0a140b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--breakpoint-sm:640px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--header-height:80px;--sidebar-width:280px;--container-max-width:1400px;--content-max-width:1200px;--gradient-primary:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);--gradient-background:linear-gradient(135deg,#f5f7fa,#c3cfe2);--gradient-card:linear-gradient(135deg,#ffffffe6,#ffffffb3)}@media (prefers-color-scheme:dark){:root{--color-neutral-50:#171717;--color-neutral-100:#262626;--color-neutral-200:#404040;--color-neutral-300:#525252;--color-neutral-400:#737373;--color-neutral-500:#a3a3a3;--color-neutral-600:#d4d4d4;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#fafafa;--gradient-background:linear-gradient(135deg,#1f2937,#111827);--gradient-card:linear-gradient(135deg,#1f2937e6,#111827b3)}}@media (prefers-contrast:high){:root{--color-primary-500:#000;--color-primary-600:#000;--shadow-base:0 2px 4px 0 #0000004d;--shadow-md:0 4px 8px 0 #0000004d;--shadow-lg:0 8px 16px 0 #0000004d}}.text-primary{color:#2c5530;color:var(--color-primary-500)}.text-primary-light{color:#5bb85b;color:var(--color-primary-400)}.text-primary-dark{color:#1e3a21;color:var(--color-primary-600)}.bg-primary{background-color:#2c5530;background-color:var(--color-primary-500)}.bg-primary-light{background-color:#dcf2dc;background-color:var(--color-primary-100)}.bg-primary-gradient{background:linear-gradient(135deg,#2c5530,#1e3a21);background:var(--gradient-primary)}.text-neutral{color:#525252;color:var(--color-neutral-600)}.text-neutral-light{color:#737373;color:var(--color-neutral-500)}.text-neutral-dark{color:#404040;color:var(--color-neutral-700)}.bg-neutral{background-color:#f5f5f5;background-color:var(--color-neutral-100)}.bg-neutral-light{background-color:#fafafa;background-color:var(--color-neutral-50)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:.125rem;border-radius:var(--radius-sm)}.rounded{border-radius:.25rem;border-radius:var(--radius-base)}.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:1.5rem;border-radius:var(--radius-3xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.transition-fast{transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.transition{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.transition-slow{transition:.5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s ease-out,transform .3s ease-out}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in,transform .3s ease-in}.stagger-item{animation:staggerIn .5s ease-out forwards;opacity:0;transform:translateY(30px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}.stagger-item:nth-child(9){animation-delay:.9s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.fade-in{animation:fadeIn .5s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-down{animation:fadeInDown .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.scale-in{animation:scaleIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rotate-in{animation:rotateIn .6s ease-out}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.stagger-item{animation:none;opacity:1;transform:none}}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--breakpoint-3xl:1600px;--space-xs:clamp(0.25rem,1vw,0.5rem);--space-sm:clamp(0.5rem,2vw,1rem);--space-md:clamp(1rem,3vw,2rem);--space-lg:clamp(1.5rem,4vw,3rem);--space-xl:clamp(2rem,5vw,4rem);--space-2xl:clamp(3rem,6vw,6rem);--text-xs:clamp(0.75rem,2vw,0.875rem);--text-sm:clamp(0.875rem,2.5vw,1rem);--text-base:clamp(1rem,3vw,1.125rem);--text-lg:clamp(1.125rem,3.5vw,1.25rem);--text-xl:clamp(1.25rem,4vw,1.5rem);--text-2xl:clamp(1.5rem,5vw,2rem);--text-3xl:clamp(2rem,6vw,3rem);--text-4xl:clamp(2.5rem,7vw,4rem);--container-xs:100%;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--container-2xl:1320px;--container-3xl:1400px}@supports (container-type:inline-size){.container-responsive{container-type:inline-size}@container (max-width: 480px){.container-responsive .responsive-text{font-size:.875rem}}@container (max-width: 768px){.container-responsive .responsive-grid{grid-template-columns:1fr}}}.responsive-text{font-size:clamp(.875rem,2.5vw,1.125rem);line-height:1.6}.responsive-heading{font-size:clamp(1.5rem,4vw,3rem);line-height:1.2}.responsive-subheading{font-size:clamp(1.125rem,3vw,1.5rem);line-height:1.4}.responsive-padding{padding:clamp(1rem,4vw,3rem)}.responsive-margin{margin:clamp(.5rem,2vw,2rem)}.responsive-gap{gap:clamp(1rem,3vw,2.5rem)}.responsive-grid{grid-gap:clamp(1rem,3vw,2rem);grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.responsive-grid,.responsive-grid-2{display:grid;gap:clamp(1rem,3vw,2rem);gap:var(--space-md)}.responsive-grid-2{grid-gap:clamp(1rem,3vw,2rem);grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.responsive-grid-3{grid-gap:clamp(.5rem,2vw,1rem);grid-gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.responsive-grid-3,.responsive-grid-4{display:grid;gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm)}.responsive-grid-4{grid-gap:clamp(.5rem,2vw,1rem);grid-gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.container-responsive{margin:0 auto;max-width:1400px;max-width:var(--container-3xl);padding:0 clamp(.5rem,2vw,1rem);padding:0 var(--space-sm);width:100%}@media (min-width:768px){.container-responsive{padding:0 clamp(1rem,3vw,2rem);padding:0 var(--space-md)}}@media (min-width:1024px){.container-responsive{padding:0 clamp(1.5rem,4vw,3rem);padding:0 var(--space-lg)}}.responsive-flex,.responsive-flex-center{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1.5rem)}.responsive-flex-center,.touch-target{align-items:center;justify-content:center}.touch-target{display:inline-flex;min-height:44px;min-width:44px}@media (max-width:768px){.touch-target{min-height:48px;min-width:48px}}.hide-mobile{display:block}.show-mobile{display:none}.hide-tablet{display:block}.show-tablet{display:none}.hide-desktop{display:block}.show-desktop{display:none}@media (max-width:479px){.hide-xs{display:none!important}.show-xs{display:block!important}.show-xs-flex{display:flex!important}.show-xs-grid{display:grid!important}.responsive-grid,.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm);grid-template-columns:1fr}}@media (min-width:480px) and (max-width:767px){.hide-sm{display:none!important}.show-sm{display:block!important}.show-sm-flex{display:flex!important}.show-sm-grid{display:grid!important}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.hide-md{display:none!important}.show-md{display:block!important}.show-md-flex{display:flex!important}.show-md-grid{display:grid!important}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px) and (max-width:1199px){.hide-lg{display:none!important}.show-lg{display:block!important}.show-lg-flex{display:flex!important}.show-lg-grid{display:grid!important}}@media (min-width:1200px){.hide-xl{display:none!important}.show-xl{display:block!important}.show-xl-flex{display:flex!important}.show-xl-grid{display:grid!important}}.responsive-image{height:auto;max-width:100%;object-fit:cover}.responsive-image-contain{height:auto;max-width:100%;object-fit:contain}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-1-1{aspect-ratio:1/1}@supports not (aspect-ratio:1/1){.aspect-ratio-16-9{padding-bottom:56.25%;position:relative}.aspect-ratio-4-3{padding-bottom:75%;position:relative}.aspect-ratio-1-1{padding-bottom:100%;position:relative}.aspect-ratio-1-1>*,.aspect-ratio-16-9>*,.aspect-ratio-4-3>*{height:100%;left:0;position:absolute;top:0;width:100%}}.text-center-mobile{text-align:left}@media (max-width:768px){.text-center-mobile{text-align:center}}.responsive-overflow{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-overflow::-webkit-scrollbar{height:4px}.responsive-overflow::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.responsive-overflow::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.responsive-overflow::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media print{.no-print{display:none!important}.print-only{display:block!important}*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.responsive-grid,.responsive-grid-2,.responsive-grid-3{gap:1rem;grid-template-columns:1fr}}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm)}.flex-responsive-center{justify-content:center}.flex-responsive-between,.flex-responsive-center{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm)}.flex-responsive-between{justify-content:space-between}@media (max-width:767px){.flex-responsive-between{align-items:stretch;flex-direction:column}}.p-responsive{padding:clamp(.5rem,2vw,1rem);padding:var(--space-sm)}.px-responsive{padding-left:clamp(.5rem,2vw,1rem);padding-left:var(--space-sm);padding-right:clamp(.5rem,2vw,1rem);padding-right:var(--space-sm)}.py-responsive{padding-bottom:clamp(.5rem,2vw,1rem);padding-bottom:var(--space-sm);padding-top:clamp(.5rem,2vw,1rem);padding-top:var(--space-sm)}.m-responsive{margin:clamp(.5rem,2vw,1rem);margin:var(--space-sm)}.mx-responsive{margin-left:clamp(.5rem,2vw,1rem);margin-left:var(--space-sm);margin-right:clamp(.5rem,2vw,1rem);margin-right:var(--space-sm)}.my-responsive{margin-bottom:clamp(.5rem,2vw,1rem);margin-bottom:var(--space-sm);margin-top:clamp(.5rem,2vw,1rem);margin-top:var(--space-sm)}.text-responsive{font-size:clamp(1rem,3vw,1.125rem);font-size:var(--text-base);line-height:1.6}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--text-sm);line-height:1.5}.text-responsive-lg{font-size:clamp(1.125rem,3.5vw,1.25rem);font-size:var(--text-lg);line-height:1.4}.heading-responsive{font-size:clamp(1.5rem,5vw,2rem);font-size:var(--text-2xl);font-weight:600;line-height:1.2}.heading-responsive-lg{font-size:clamp(2rem,6vw,3rem);font-size:var(--text-3xl);font-weight:700;line-height:1.1}.card-responsive{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e9ecef80;border-radius:clamp(8px,2vw,16px);box-shadow:0 4px 20px #00000014;padding:clamp(1rem,3vw,2rem);padding:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-responsive:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.btn-responsive{align-items:center;border:none;border-radius:clamp(8px,2vw,12px);cursor:pointer;display:inline-flex;font-size:clamp(1rem,3vw,1.125rem);font-size:var(--text-base);font-weight:500;justify-content:center;min-height:44px;min-width:44px;padding:clamp(.5rem,2vw,1rem) clamp(1rem,3vw,2rem);padding:var(--space-sm) var(--space-md);text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:767px){.btn-responsive{min-height:48px;min-width:48px;padding:clamp(.5rem,2vw,1rem) clamp(1.5rem,4vw,3rem);padding:var(--space-sm) var(--space-lg)}}.input-responsive{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000;border-radius:clamp(6px,1.5vw,10px);font-size:clamp(1rem,3vw,1.125rem);font-size:var(--text-base);min-height:44px;padding:clamp(.5rem,2vw,1rem) clamp(1rem,3vw,2rem);padding:var(--space-sm) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:767px){.input-responsive{font-size:16px;min-height:48px}}.input-responsive:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2c55301a;outline:none}.nav-responsive{gap:clamp(1rem,3vw,2rem)}@media (max-width:767px){.nav-responsive{flex-direction:column;gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm);width:100%}}.sidebar-responsive{min-width:280px;transition:all .3s ease;width:280px}@media (max-width:1023px){.sidebar-responsive{min-width:auto;width:100%}}.modal-responsive{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(1rem,3vw,2rem);padding:var(--space-md);position:fixed;right:0;top:0;z-index:1050}.modal-content-responsive{padding:clamp(1.5rem,4vw,3rem)}@media (max-width:767px){.modal-responsive{padding:clamp(.5rem,2vw,1rem);padding:var(--space-sm)}.modal-content-responsive{max-height:95vh;max-width:95vw;padding:clamp(1rem,3vw,2rem);padding:var(--space-md)}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{border-collapse:collapse;min-width:600px;width:100%}.table-responsive td,.table-responsive th{border-bottom:1px solid #e9ecef;padding:clamp(.5rem,2vw,1rem);padding:var(--space-sm)}@media (max-width:767px){.table-responsive{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--text-sm)}.table-responsive td,.table-responsive th{padding:clamp(.25rem,1vw,.5rem);padding:var(--space-xs)}}.gallery-responsive{grid-gap:clamp(.5rem,2vw,1rem);grid-gap:var(--space-sm);display:grid;gap:clamp(.5rem,2vw,1rem);gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}@media (max-width:479px){.gallery-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gallery-responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.video-responsive{border-radius:clamp(8px,2vw,16px);height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-responsive iframe,.video-responsive video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.breadcrumbs-responsive{color:#6c757d;font-size:clamp(.875rem,2.5vw,1rem);gap:clamp(.25rem,1vw,.5rem)}.breadcrumbs-responsive a{color:var(--color-primary-500);flex-shrink:0;text-decoration:none}.breadcrumbs-responsive a:hover{text-decoration:underline}.breadcrumbs-responsive span{color:#6c757d;flex-shrink:0}.alert-responsive{font-size:clamp(1rem,3vw,1.125rem);margin-bottom:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,2rem)}@media (max-width:767px){.alert-responsive{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--text-sm);padding:clamp(.5rem,2vw,1rem);padding:var(--space-sm)}}.progress-responsive{background-color:#e9ecef;border-radius:5px;height:clamp(6px,1vw,10px);overflow:hidden;width:100%}.progress-bar-responsive{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));height:100%;transition:width .3s ease}.loading-responsive{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem);gap:var(--space-md);justify-content:center;padding:clamp(2rem,5vw,4rem);padding:var(--space-xl);text-align:center}.spinner-responsive{animation:spin 1s linear infinite;border:3px solid #2c55301a;border-radius:50%;border-top:3px solid var(--color-primary-500);height:clamp(32px,5vw,48px);width:clamp(32px,5vw,48px)}.tooltip-responsive .tooltip-text{background-color:#000000e6;border-radius:6px;bottom:125%;color:#fff;font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--text-sm);left:50%;line-height:1.4;max-width:200px;opacity:0;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);padding:var(--space-xs) var(--space-sm);position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1}.tooltip-responsive:hover .tooltip-text{opacity:1;visibility:visible}@media (max-width:767px){.tooltip-responsive .tooltip-text{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--text-xs);max-width:150px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.image-responsive{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-height:500px) and (orientation:landscape){.modal-content-responsive{max-height:85vh}.hero-section{min-height:50vh}}@media (prefers-color-scheme:dark){.card-responsive{background:#1f2937f2;border-color:#4b556380}.input-responsive{background:#1f2937e6;color:#fff}.modal-content-responsive{background:#1f2937;color:#fff}}.App{background:#0000;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;max-width:100vw;min-height:calc(100vh - 200px);padding-top:0;width:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;min-height:100vh}.container{margin:0 auto;max-width:var(--container-3xl);padding:0 var(--space-md);width:100%}@media (max-width:1199px){.container{max-width:var(--container-xl)}}@media (max-width:1023px){.container{max-width:var(--container-lg);padding:0 var(--space-sm)}}@media (max-width:767px){.container{max-width:var(--container-md);padding:0 var(--space-sm)}}@media (max-width:479px){.container{max-width:var(--container-sm);padding:0 var(--space-xs)}}.btn{align-items:center;border:none;border-radius:clamp(8px,2vw,12px);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:500;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:var(--space-sm) var(--space-md);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn:focus{box-shadow:0 0 0 3px #2c55304d;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (max-width:767px){.btn{font-size:16px;min-height:48px;min-width:48px;padding:var(--space-sm) var(--space-lg)}}@media (max-width:479px){.btn{margin:0 auto;max-width:300px;width:100%}}.btn-primary{background:linear-gradient(135deg,#2c5530,#1e3a21);border:1px solid #0000;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1e3a21,#0f1d11);box-shadow:0 6px 20px #2c55304d}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-outline{background-color:initial;border:2px solid #2c5530;box-shadow:none;color:#2c5530}.btn-outline:hover{background:linear-gradient(135deg,#2c5530,#1e3a21);border-color:#0000;box-shadow:0 4px 12px #2c553033;color:#fff}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:4px solid #2c55301a;border-radius:50%;border-top-color:#2c5530;height:48px;position:relative;width:48px}.spinner:after{animation:spin 2s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#2c55304d;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.loading-text{animation:pulse 2s ease-in-out infinite;color:#6b7280;font-size:.9rem;font-weight:500}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px #dc35451a;color:#dc3545}.error,.success{animation:slideIn .3s ease-out;margin:1rem 0;padding:1.25rem}.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;box-shadow:0 2px 8px #0596691a;color:#059669}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}:focus{outline:none}:focus-visible{outline:2px solid #2c5530;outline-offset:2px}.loading-screen{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-screen .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:40px;margin-bottom:1rem;width:40px}.loading-screen p{color:#4a5568;font-size:1.1rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-responsive{margin:0 auto;max-width:500px;padding:var(--space-md);width:100%}.form-group-responsive{margin-bottom:var(--space-md)}.form-group-responsive label{color:var(--color-neutral-700);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs)}.form-input-responsive{background:#fff;border:2px solid var(--color-neutral-300);border-radius:clamp(6px,1.5vw,10px);font-size:var(--text-base);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all .3s ease;width:100%}@media (max-width:767px){.form-input-responsive{font-size:16px;min-height:48px}}.form-input-responsive:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2c55301a;outline:none}.form-input-responsive:invalid{border-color:var(--color-error-500)}.form-textarea-responsive{font-family:inherit;min-height:100px;resize:vertical}.form-select-responsive{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:1rem;padding-right:calc(var(--space-md) + 1rem)}.form-checkbox-responsive,.form-radio-responsive{accent-color:var(--color-primary-500);height:18px;margin-right:var(--space-xs);width:18px}@media (max-width:767px){.form-checkbox-responsive,.form-radio-responsive{height:20px;width:20px}}.form-error-responsive{align-items:center;color:var(--color-error-600);display:flex;font-size:var(--text-sm);gap:var(--space-xs);margin-top:var(--space-xs)}.form-error-responsive:before{content:"⚠️";font-size:.875em}.table-container-responsive{-webkit-overflow-scrolling:touch;border-radius:clamp(6px,1.5vw,12px);box-shadow:0 2px 8px #0000001a;overflow-x:auto;width:100%}.table-responsive{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.table-responsive td,.table-responsive th{border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);text-align:left}.table-responsive th{background:var(--color-neutral-50);color:var(--color-neutral-700);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}@media (max-width:767px){.table-responsive td,.table-responsive th{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.table-responsive{min-width:500px}}.modal-overlay-responsive{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1050}.modal-content-responsive{animation:slideInUp .3s ease-out;background:#fff;border-radius:clamp(8px,2vw,16px);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto;padding:var(--space-lg);position:relative}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:767px){.modal-overlay-responsive{padding:var(--space-sm)}.modal-content-responsive{max-height:95vh;max-width:95vw;padding:var(--space-md)}}.modal-close-responsive{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-neutral-500);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);transition:all .2s ease;width:32px}.modal-close-responsive:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.nav-responsive{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.nav-item-responsive{position:relative}.nav-link-responsive{align-items:center;border-radius:clamp(6px,1.5vw,10px);color:var(--color-neutral-600);display:flex;font-weight:500;min-height:44px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease}.nav-link-responsive:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.nav-link-responsive.active{background:var(--color-primary-100);color:var(--color-primary-700)}@media (max-width:767px){.nav-responsive{flex-direction:column;gap:var(--space-sm);width:100%}.nav-link-responsive{justify-content:center;min-height:48px;width:100%}}.breadcrumbs-responsive{-webkit-overflow-scrolling:touch;align-items:center;color:var(--color-neutral-500);display:flex;font-size:var(--text-sm);gap:var(--space-xs);overflow-x:auto;padding:var(--space-sm) 0;white-space:nowrap}.breadcrumb-item-responsive{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs)}.breadcrumb-link-responsive{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}.breadcrumb-link-responsive:hover{color:var(--color-primary-700);text-decoration:underline}.breadcrumb-separator-responsive{color:var(--color-neutral-400);-webkit-user-select:none;user-select:none}.pagination-responsive{flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-lg) 0}.pagination-item-responsive,.pagination-responsive{align-items:center;display:flex;justify-content:center}.pagination-item-responsive{background:#fff;border:1px solid var(--color-neutral-300);border-radius:clamp(6px,1.5vw,8px);color:var(--color-neutral-700);cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:44px;min-width:44px;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all .2s ease}.pagination-item-responsive:hover:not(.disabled){background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.pagination-item-responsive.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.pagination-item-responsive.disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.pagination-item-responsive{min-height:48px;min-width:48px}}.alert-responsive{align-items:flex-start;border:1px solid #0000;border-radius:clamp(6px,1.5vw,12px);display:flex;font-size:var(--text-base);gap:var(--space-sm);line-height:1.5;margin-bottom:var(--space-md);padding:var(--space-md)}.alert-responsive.success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-800)}.alert-responsive.warning{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-800)}.alert-responsive.error{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-800)}.alert-responsive.info{background:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-800)}.alert-icon-responsive{flex-shrink:0;font-size:1.2em}@media (max-width:767px){.alert-responsive{font-size:var(--text-sm);padding:var(--space-sm)}}.tooltip-responsive{display:inline-block;position:relative}.tooltip-content-responsive{background:#000000e6;border-radius:6px;bottom:125%;color:#fff;font-size:var(--text-sm);left:50%;line-height:1.4;max-width:200px;opacity:0;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1070}.tooltip-content-responsive:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-responsive:hover .tooltip-content-responsive{opacity:1;visibility:visible}@media (max-width:767px){.tooltip-content-responsive{font-size:var(--text-xs);max-width:150px}}.badge-responsive{align-items:center;border-radius:clamp(4px,1vw,8px);display:inline-flex;font-size:var(--text-xs);font-weight:500;line-height:1;padding:.25rem .5rem;white-space:nowrap}.badge-responsive.primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge-responsive.success{background:var(--color-success-100);color:var(--color-success-800)}.badge-responsive.warning{background:var(--color-warning-100);color:var(--color-warning-800)}.badge-responsive.error{background:var(--color-error-100);color:var(--color-error-800)}@media print{.responsive-layout{font-size:12pt;line-height:1.4}.hide-print{display:none!important}.show-print{display:block!important}.btn-responsive,.modal-overlay-responsive,.nav-responsive{display:none!important}.card-responsive{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}