:root{--color-primary:#086F48;--color-primary-light:#0D8A5C;--color-primary-dark:#044D32;--color-secondary:#FBBF24;--color-secondary-light:#FCD34D;--color-secondary-dark:#D97706;--color-accent:#10B981;--color-accent-light:#34D399;--color-accent-dark:#059669;--color-warning:#F59E0B;--color-danger:#EF4444;--color-info:#6366F1;--color-bg:#F8FAFC;--color-bg-alt:#F1F5F9;--color-surface:#FFFFFF;--color-border:#E2E8F0;--color-border-light:#F1F5F9;--font-display:'Space Grotesk',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-secondary:0 4px 12px rgba(251,191,36,0.15);--shadow-accent:0 4px 12px rgba(16,185,129,0.15);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);}@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-primary);}h1{font-size:3rem;letter-spacing:-0.02em;}h2{font-size:2.25rem;letter-spacing:-0.01em;}h3{font-size:1.75rem;}h4{font-size:1.375rem;}p{font-size:1rem;color:var(--color-primary-light);}.bg-data-grid{background-color:var(--color-bg-alt);}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}.card-data{border-left:4px solid var(--color-primary);}.card-stat{background:var(--color-bg-alt);border:1px solid var(--color-border);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:1rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;}.btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;}.btn-primary{background:var(--color-primary);color:white;box-shadow:var(--shadow-secondary);}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px);}.btn-primary:active{transform:translateY(0);}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-secondary);}.btn-secondary:hover{background:var(--color-secondary);color:var(--color-primary);box-shadow:var(--shadow-secondary);transform:translateY(-1px);}.btn-secondary:active{transform:translateY(0);}.btn-accent{background:var(--color-accent);color:white;box-shadow:var(--shadow-accent);}.btn-accent:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px);}.btn-accent:active{transform:translateY(0);}.btn-ghost{background:transparent;color:var(--color-primary);padding:var(--space-sm) var(--space-md);}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--color-primary);}.btn-danger{background:var(--color-danger);color:white;}.btn-danger:hover{background:#DC2626;box-shadow:var(--shadow-lg);}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:0.875rem;}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem;}.btn-xl{padding:var(--space-xl) var(--space-3xl);font-size:1.25rem;}.btn-icon{padding:var(--space-md);aspect-ratio:1;}.number-ball{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:white;font-family:var(--font-display);font-size:1.25rem;font-weight:700;border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:var(--shadow-md);}.number-ball:hover{background:var(--color-primary-dark);transform:scale(1.15);box-shadow:var(--shadow-lg);}.number-ball-sm{width:40px;height:40px;font-size:1rem;}.number-ball-lg{width:56px;height:56px;font-size:1.5rem;}.number-ball-accent{background:var(--color-accent);}.number-ball-accent:hover{background:var(--color-accent-dark);}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:0.875rem;font-weight:600;border-radius:var(--radius-full);}.badge-primary{background:var(--color-primary);color:white;}.badge-secondary{background:var(--color-bg-alt);color:var(--color-primary);border:1px solid var(--color-border);}.badge-success{background:var(--color-accent);color:white;}.badge-warning{background:var(--color-warning);color:white;}.badge-danger{background:var(--color-danger);color:white;}.input-group{position:relative;margin-bottom:var(--space-lg);}.input-field{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:1rem;color:var(--color-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);}.input-field:hover{border-color:var(--color-secondary-light);}.input-field:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(251,191,36,0.1);}.input-field:disabled{background:var(--color-bg-alt);cursor:not-allowed;opacity:0.6;}.input-label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-primary);}.input-helper{display:block;margin-top:var(--space-xs);font-size:0.875rem;color:var(--color-primary-light);}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FBBF24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem;padding-right:3rem;cursor:pointer;}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:var(--space-md);}.radio-label,.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--color-border);transition:all var(--transition-base);}.radio-label:hover,.checkbox-label:hover{border-color:var(--color-secondary-light);background:var(--color-bg-alt);}.radio-label.selected,.checkbox-label.selected{border-color:var(--color-secondary);background:rgba(251,191,36,0.05);}input[type="radio"],input[type="checkbox"]{width:1.25rem;height:1.25rem;accent-color:var(--color-secondary);}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg);}.container-narrow{max-width:800px;}.container-wide{max-width:1400px;}.grid{display:grid;gap:var(--space-xl);}.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(4,1fr);}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}h1{font-size:2.25rem;}h2{font-size:1.75rem;}h3{font-size:1.375rem;}}.section{padding:var(--space-3xl) 0;}.section-sm{padding:var(--space-xl) 0;}.section-lg{padding:var(--space-3xl) 0;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.text-primary{color:var(--color-primary);}.text-secondary{color:var(--color-secondary);}.text-tertiary{color:var(--color-accent);}.text-light{color:var(--color-primary-light);}.text-highlight{color:var(--color-primary);font-weight:700;}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:all var(--transition-base);}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}.metric-value{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-primary);line-height:1;}.metric-label{font-size:0.875rem;color:var(--color-primary-light);margin-top:var(--space-sm);}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.fade-in{animation:fadeIn 0.5s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}html{scroll-behavior:smooth;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-fast);}.link:hover{color:var(--color-primary-dark);text-decoration:underline;}.link-ghost{color:var(--color-primary);text-decoration:none;font-weight:500;}.link-ghost:hover{color:var(--color-primary-dark);text-decoration:underline;}h1{font-size:clamp(1.5rem,5vw,3rem) !important;}h2{font-size:clamp(1.25rem,4vw,2.25rem) !important;}h3{font-size:clamp(1.125rem,3vw,1.75rem) !important;}h4{font-size:clamp(1rem,2.5vw,1.375rem) !important;}html,body{overflow-x:hidden;}@media (max-width:480px){.container{padding:0 1rem !important;}.section{padding:2rem 0 !important;}.section-lg{padding:2.5rem 0 !important;}.card{padding:1.25rem !important;border-radius:var(--radius-lg) !important;}.input-field{padding:0.75rem 1rem !important;font-size:1rem !important;}.select-field{padding-right:2.5rem !important;}.number-ball{width:38px !important;height:38px !important;font-size:0.9rem !important;}.number-ball-sm{width:32px !important;height:32px !important;font-size:0.8rem !important;}.number-ball-lg{width:44px !important;height:44px !important;font-size:1.1rem !important;}.metric-value{font-size:clamp(1.75rem,5vw,3rem) !important;}.content .card{padding:1.25rem !important;}.content [style*="padding-top"],.content [style*="padding-bottom"]{padding-top:2rem !important;padding-bottom:2rem !important;}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important;}.btn{min-height:44px !important;width:100% !important;}.btn-sm{min-height:40px !important;width:auto !important;}.card{padding:1.5rem !important;}.metric-card{padding:1.25rem !important;}footer[role="contentinfo"]{padding:2.5rem 0 1.5rem !important;}footer[role="contentinfo"] .footer-grid{grid-template-columns:1fr !important;gap:2rem !important;}footer[role="contentinfo"] h4{margin-bottom:1rem !important;}.content form [style*="display:flex"],.content form [style*="display:flex"]{flex-direction:column !important;}.content table{font-size:0.8rem !important;}.content th,.content td{padding:0.5rem !important;}}@media (max-width:768px){.grid-2{grid-template-columns:repeat(2,1fr) !important;}h1{font-size:2rem !important;}h2{font-size:1.5rem !important;}.number-ball{width:42px !important;height:42px !important;font-size:0.95rem !important;}.number-ball-lg{width:48px !important;height:48px !important;font-size:1.2rem !important;}.content > div{padding-left:1rem !important;padding-right:1rem !important;}}@media (min-width:481px) and (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr) !important;}.grid-4{grid-template-columns:repeat(2,1fr) !important;}}@media (hover:none){.card:hover{transform:none !important;box-shadow:var(--shadow-sm) !important;}.metric-card:hover{transform:none !important;}.number-ball:hover{transform:none !important;}.number-ball-enriched:hover{transform:none !important;}.game-card:hover{transform:none !important;}.home-lottery-card:active{transform:scale(0.98) !important;}}