.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) transparent}.thin-scrollbar::-webkit-scrollbar{width:6px}.thin-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.thin-scrollbar::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.enhanced-scrollbar::-webkit-scrollbar{width:12px}.enhanced-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.enhanced-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f699,#8b5cf699);border-radius:6px;border:2px solid transparent;background-clip:content-box}.enhanced-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6cc,#8b5cf6cc);background-clip:content-box}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#333;min-height:100vh;margin:0;padding:0}:root{--color-primary: #dc2626;--color-primary-dark: #b91c1c;--color-secondary: #1e40af;--color-accent: #fbbf24;--color-accent: #f59e0b;--color-success: #059669;--color-warning: #f59e0b;--color-error: #dc2626;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #adb5bd;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--color-gray-900: #000000;--font-size-xs: .75rem;--font-size-sm: .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;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .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;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}@keyframes pulse{0%,to{box-shadow:0 12px 40px #8b5cf666}50%{box-shadow:0 16px 50px #8b5cf699}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1536px){.container{max-width:var(--container-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-base);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#34495e}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.btn-outline:hover{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-1px)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-base);overflow:hidden}.card-padding-sm{padding:var(--spacing-4)}.card-padding-md{padding:var(--spacing-6)}.card-padding-lg{padding:var(--spacing-8)}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}@media(min-width:768px){.md\\:hidden{display:none}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:grid{display:grid}}@media(min-width:1024px){.lg\\:hidden{display:none}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:grid{display:grid}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes pulse-selection{0%,to{box-shadow:0 0 0 1px #3b82f64d,0 0 20px #3b82f680}50%{box-shadow:0 0 0 1px #3b82f680,0 0 30px #3b82f6b3}}:root{--mobile-max: 480px;--tablet-min: 481px;--tablet-max: 1024px;--desktop-min: 1025px;--touch-target-min: 44px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75}.responsive-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.responsive-text{font-size:clamp(var(--text-sm),2.5vw,var(--text-base));line-height:var(--leading-normal)}.responsive-heading{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:var(--leading-tight)}.responsive-display{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));line-height:var(--leading-tight)}@media(max-width:480px){.responsive-container{padding:0 var(--space-sm)}.admin-panel-mobile{position:fixed;bottom:0;left:0;right:0;background:#1f2937f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 0 0;padding:var(--space-md);z-index:10000}.admin-controls-mobile{display:flex;gap:var(--space-sm);justify-content:space-around}.admin-button-mobile{min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:12px;border:none;background:#3b82f633;color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.admin-button-mobile:active{transform:scale(.95);background:#3b82f666}}@media(min-width:481px)and (max-width:1024px){.responsive-container{padding:0 var(--space-lg)}.admin-panel-tablet{position:fixed;right:var(--space-md);top:50%;transform:translateY(-50%);background:#1f2937f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-md);z-index:10000;width:280px}}@media(min-width:1025px){.responsive-container{padding:0 var(--space-xl)}}.responsive-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:480px){.responsive-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media(min-width:481px)and (max-width:1024px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}}.space-responsive{padding:clamp(var(--space-sm),3vw,var(--space-xl))}.gap-responsive{gap:clamp(var(--space-sm),2vw,var(--space-lg))}@media(max-width:480px){.hide-mobile{display:none!important}}@media(min-width:481px)and (max-width:1024px){.hide-tablet{display:none!important}}@media(min-width:1025px){.hide-desktop{display:none!important}}.show-mobile,.show-tablet,.show-desktop{display:none!important}@media(max-width:480px){.show-mobile{display:block!important}}@media(min-width:481px)and (max-width:1024px){.show-tablet{display:block!important}}@media(min-width:1025px){.show-desktop{display:block!important}}@media(max-width:1024px){*{animation-duration:.2s!important;transition-duration:.2s!important}.transform-optimized{transform:translateZ(0);will-change:transform}.backdrop-blur-mobile{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(var(--space-md),env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(var(--space-md),env(safe-area-inset-left))}.safe-area-right{padding-right:max(var(--space-md),env(safe-area-inset-right))}.safe-area-all{padding-top:max(var(--space-md),env(safe-area-inset-top));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}}