@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111827;color:#fff}#root{min-height:100vh;background-color:#111827}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.touch-target{min-height:44px;min-width:44px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}button,a,input[type=submit],input[type=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #14B8A6;outline-offset:2px}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}body{font-size:16px;line-height:1.5}.mobile-spacing{padding:16px;margin-bottom:16px}.mobile-full-width{width:100%;margin-left:0;margin-right:0}.mobile-button-spacing{margin:8px 0}.mobile-touch-target{min-height:48px;min-width:48px;padding:12px 16px}}@media (min-width: 768px) and (max-width: 1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img{-webkit-font-smoothing:antialiased}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}.responsive-grid-1{display:grid;grid-template-columns:1fr;gap:16px}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 768px){.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr;gap:16px}}@media (min-width: 768px) and (max-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(2,1fr);gap:24px}}@supports (padding: max(0px)){.safe-area-padding{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.safe-area-top{padding-top:max(16px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}