@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:0.75rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:224.3 76.3% 94.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.touch-manipulation{touch-action:manipulation}@media (max-width:768px){[role=button],a,button{min-height:44px;min-width:44px}input,select,textarea{min-height:44px;font-size:16px}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}*{-webkit-tap-highlight-color:transparent}@media (hover:hover){[role=button]:hover,button:hover{transform:translateY(-1px);transition:transform .2s ease}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}.mobile-card{margin-bottom:1rem;border-radius:.75rem}}@media (min-width:641px) and (max-width:1024px){.tablet-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.high-dpi-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.test-class{background-color:#2563eb}@tailwind base;@tailwind components;@tailwind utilities;.force-include{@apply bg-blue-600 bg-red-500 bg-green-500 bg-yellow-500;@apply text-white text-blue-600 text-red-800 text-green-800;@apply px-4 py-2 py-4 py-8 py-12 mb-4 mb-6;@apply rounded rounded-lg font-bold;@apply text-4xl text-2xl text-lg;@apply flex justify-center items-center;@apply container mx-auto min-h-screen;@apply bg-gray-50 bg-gray-100 bg-white;@apply border border-gray-200 shadow-sm}body,html{overflow-x:hidden!important;max-width:100vw!important}body{font-size:18px!important;line-height:1.6!important}.welcome-section,body,header,nav{background-color:#f8f9fa!important;color:#212529!important}h1,h2,h3{color:#0d47a1!important}a{color:#1976d2!important;text-decoration:underline!important;transition:color .3s ease!important}a:hover{color:#0d47a1!important}.btn,button{background-color:#ffc107!important;color:#212529!important;border:none!important;padding:12px 24px!important;transition:background-color .3s ease!important}.btn:hover,button:hover{background-color:#ffb300!important}.card{background-color:#e3f2fd!important;color:#212529!important;border:2px solid #0d47a1!important}.alert{background-color:#fce7f6!important;color:#e91e63!important}footer{background-color:#e9e9e9!important;color:#212529!important}.accent,.border,.icon{border-color:#0d47a1!important;color:#0d47a1!important}.dark-mode,.dark-mode .welcome-section,.dark-mode header,.dark-mode nav{background-color:#1a1a1a!important;color:#e0e0e0!important}.dark-mode h1,.dark-mode h2,.dark-mode h3{color:#90caf9!important}.dark-mode a{color:#64b5f6!important;text-decoration:underline!important}.dark-mode a:hover{color:#90caf9!important}.dark-mode .btn,.dark-mode button{background-color:#ffd54f!important;color:#1a1a1a!important}.dark-mode .btn:hover,.dark-mode button:hover{background-color:#ffcc02!important}.dark-mode .card{background-color:#263238!important;color:#e0e0e0!important;border:2px solid #64b5f6!important}.dark-mode .alert{background-color:#4a148c!important;color:#ba68c8!important}.dark-mode footer{background-color:#1a1a1a!important;color:#e0e0e0!important}.dark-mode .accent,.dark-mode .border,.dark-mode .icon{border-color:#64b5f6!important;color:#64b5f6!important}*{box-sizing:border-box!important}.main-container,[style*=max-width],[style*=maxWidth]{max-width:100%!important;overflow-x:auto!important}@media (max-width:640px){body,html{overflow-x:hidden!important}.main-page-container{padding:16px 12px!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important}.dropdown-container-mobile{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;padding:0 4px!important}.dropdown-item-mobile{width:100%!important;min-width:auto!important;margin:0!important}.vso-cards-grid-mobile{gap:16px!important;padding:0 4px!important;margin:0!important}.vso-card-mobile{width:100%!important;min-width:auto!important;margin:0!important;box-sizing:border-box!important}.touch-select{padding:16px!important;margin-bottom:12px!important;width:100%!important;max-width:100%!important}.touch-button,.touch-select{min-height:52px!important;border-radius:12px!important}.touch-button{min-width:52px!important;padding:16px 24px!important;margin:8px 0!important;line-height:1.3!important}.quick-actions-mobile{grid-template-columns:1fr!important;gap:12px!important;padding:0 4px!important;max-width:100%!important}.tab-navigation-mobile{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:8px 4px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.tab-button-mobile{flex:0 0 auto!important;padding:12px 16px!important;font-size:14px!important;min-width:120px!important;scroll-snap-align:center!important;white-space:nowrap!important}.hero-mobile{padding:24px 8px!important;max-width:100vw!important}.card-mobile{margin-bottom:16px!important;min-height:auto!important;padding:20px 16px!important;max-width:100%!important;width:100%!important}.cards-grid-mobile{grid-template-columns:1fr!important;gap:16px!important;max-width:100%!important;padding:0!important}.card-content-mobile{padding:16px!important;font-size:15px!important;line-height:1.5!important;max-width:100%!important;word-wrap:break-word!important}.mobile-title{font-size:clamp(20px,5vw,28px)!important;line-height:1.2!important}.mobile-subtitle{font-size:clamp(14px,3vw,18px)!important;line-height:1.4!important}.mobile-text{font-size:clamp(12px,3vw,16px)!important;line-height:1.5!important}.mobile-button{min-height:48px!important;min-width:48px!important;padding:12px 16px!important;font-size:clamp(12px,3vw,14px)!important}.sidebar-ad-container{display:none!important}.content-with-sidebar{flex-direction:column!important;gap:0!important}.hero-mobile{padding:24px 16px!important;min-height:auto!important}.hero-title-mobile{font-size:clamp(28px,8vw,48px)!important;margin-bottom:16px!important;line-height:1.1!important}.hero-subtitle-mobile{font-size:clamp(14px,4vw,18px)!important;line-height:1.4!important;padding:0 8px!important}.hero-icon-mobile{width:48px!important;height:48px!important;margin-bottom:16px!important}.touch-button{min-width:48px!important;padding:12px 20px!important;margin:4px!important;line-height:1.2!important}.touch-button,.touch-select{min-height:48px!important;border-radius:8px!important;font-size:16px!important}.touch-select{padding:12px 16px!important;margin-bottom:8px!important}.touch-link{min-height:44px!important;padding:10px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:4px!important}.vso-cards-grid-mobile{grid-template-columns:1fr!important;min-width:auto!important;padding:0 8px!important}.footer-links-mobile{justify-content:center!important;gap:16px!important;padding:0 16px!important;text-align:center!important}.footer-content-mobile{padding:0 16px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.footer-text-mobile{padding:0 8px!important;line-height:1.5!important;word-break:break-word!important}.tab-button-mobile{padding:12px 8px!important;font-size:12px!important;min-height:48px!important;line-height:1.2!important;text-align:center!important;border-radius:8px!important}}@media (max-width:480px){.main-page-container{padding:16px 8px!important;margin:0 auto!important;max-width:calc(100vw - 16px)!important}.dropdown-container-mobile{flex-direction:column!important;gap:12px!important;padding:0 4px!important;margin:0!important}.dropdown-item-mobile{width:100%!important;min-width:auto!important;flex:none!important;padding:0!important}.vso-cards-grid-mobile{grid-template-columns:1fr!important;gap:12px!important;padding:0 4px!important;margin:0!important;width:100%!important}.vso-card-mobile{padding:16px!important}.touch-select,.vso-card-mobile{width:100%!important;margin:0!important}.touch-select{min-width:auto!important;padding:12px!important;font-size:16px!important}.mobile-title{font-size:clamp(18px,6vw,24px)!important;padding:0 4px!important;word-wrap:break-word!important}}@media (min-width:641px) and (max-width:768px){.quick-actions-tablet{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.tab-navigation-tablet{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.cards-grid-tablet{grid-template-columns:1fr!important;gap:20px!important}}@media (min-width:769px) and (max-width:1024px){.quick-actions-desktop{grid-template-columns:repeat(3,1fr)!important;max-width:800px!important}.tab-navigation-desktop{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1025px){.quick-actions-large{grid-template-columns:repeat(3,1fr)!important;max-width:900px!important}.tab-navigation-large{grid-template-columns:repeat(7,1fr)!important}}@media (hover:none) and (pointer:coarse){.touch-optimized{min-height:48px!important;min-width:48px!important;padding:12px!important}.touch-card{padding:20px!important}}@media (orientation:landscape) and (max-height:500px){.hero-landscape{padding:16px 8px!important}.hero-title-landscape{font-size:24px!important;margin-bottom:12px!important}}