@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;background:var(--color-surface);box-shadow:0 4px 12px #00000026;cursor:pointer;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}.toast:hover{transform:translate(-2px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:1.25rem;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-message{flex:1;font-size:.9rem;line-height:1.4;color:var(--color-text)}.toast-success{border-color:var(--color-success);background:linear-gradient(135deg,rgba(16,185,129,.1),var(--color-surface))}.toast-success .toast-icon{color:var(--color-success);background:#10b98126}.toast-error{border-color:var(--color-danger);background:linear-gradient(135deg,rgba(239,68,68,.1),var(--color-surface))}.toast-error .toast-icon{color:var(--color-danger);background:#ef444426}.toast-warning{border-color:var(--color-warning);background:linear-gradient(135deg,rgba(245,158,11,.1),var(--color-surface))}.toast-warning .toast-icon{color:var(--color-warning);background:#f59e0b26}.toast-info{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(99,102,241,.1),var(--color-surface))}.toast-info .toast-icon{color:var(--color-primary);background:#6366f126}@media(max-width:480px){.toast-container{left:1rem;right:1rem;max-width:none}}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-brand{display:flex;flex-direction:column;align-items:flex-start}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700}.brand-user-info{display:flex;align-items:center;gap:.5rem;margin-left:2.5rem;margin-top:-.25rem}.brand-user-name{font-size:.85rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-role-badge{padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600}.brand-role-badge.role-superadmin{background:#e9456033;color:var(--color-accent)}.brand-role-badge.role-dealer{background:#d4af3733;color:var(--color-primary)}.brand-role-badge.role-user{background:#00d26a33;color:var(--color-success)}.logo-icon{font-size:2rem;color:var(--color-primary);animation:pulse 2s infinite}.logo-image{width:36px;height:36px;border-radius:6px;object-fit:cover}.logo-text{display:flex;gap:.25rem}.logo-lao{color:var(--color-primary)}.logo-lotto{color:var(--text-primary)}.navbar-links{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--color-primary);background:#d4af371a}.nav-link.admin-link{color:var(--color-accent)}.nav-link.admin-link.active{background:#e945601a}.navbar-auth{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.75rem}.role-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.role-superadmin{background:#e9456033;color:var(--color-accent)}.role-dealer{background:#d4af3733;color:var(--color-primary)}.role-user{background:#00d26a33;color:var(--color-success)}.auth-buttons{display:flex;gap:.5rem}.theme-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--color-primary);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:40px;height:40px}.theme-toggle-btn:hover{background:#ffffff26;transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu{position:fixed;inset:70px 0 0;background:#0f0f1afa;z-index:99;transform:translate(100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.125rem;font-weight:500;transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:#d4af371a;color:var(--color-primary)}.mobile-admin-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-section-title{padding:0 1rem;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em}.mobile-auth{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:var(--radius-md);color:var(--text-secondary)}.mobile-auth-btn{width:100%}.desktop-only{display:flex}@media(max-width:768px){.desktop-only{display:none!important}.mobile-menu-btn{display:block}}[data-theme=light] .navbar,html.theme-light .navbar{background:#fffffff2!important;border-bottom:1px solid rgba(0,0,0,.1)!important}[data-theme=light] .logo-lotto,html.theme-light .logo-lotto{color:#1a1a2e!important}[data-theme=light] .brand-user-name,html.theme-light .brand-user-name{color:#4a4a5a!important}[data-theme=light] .mobile-menu-btn,html.theme-light .mobile-menu-btn{color:#1a1a2e!important}[data-theme=light] .mobile-menu,html.theme-light .mobile-menu{background:#fffffffa!important}[data-theme=light] .mobile-menu-content,html.theme-light .mobile-menu-content{background:transparent!important}[data-theme=light] .mobile-nav-link,html.theme-light .mobile-nav-link{color:#1a1a2e!important}[data-theme=light] .mobile-nav-link:hover,[data-theme=light] .mobile-nav-link.active,html.theme-light .mobile-nav-link:hover,html.theme-light .mobile-nav-link.active{background:#b8960c26!important;color:#b8960c!important}[data-theme=light] .mobile-admin-section,html.theme-light .mobile-admin-section{border-top:1px solid rgba(0,0,0,.1)!important}[data-theme=light] .mobile-section-title,html.theme-light .mobile-section-title{color:#6c6c7c!important}[data-theme=light] .mobile-auth,html.theme-light .mobile-auth{border-top:1px solid rgba(0,0,0,.1)!important}[data-theme=light] .mobile-user-info,html.theme-light .mobile-user-info{background:#0000000d!important;color:#1a1a2e!important}[data-theme=light] .mobile-auth .btn-outline,html.theme-light .mobile-auth .btn-outline{background:transparent!important;color:#b8960c!important;border:2px solid #b8960c!important}[data-theme=light] .mobile-auth .btn-outline:hover,html.theme-light .mobile-auth .btn-outline:hover{background:#b8960c!important;color:#fff!important}[data-theme=light] .nav-link,html.theme-light .nav-link{color:#4a4a5a!important}[data-theme=light] .nav-link:hover,html.theme-light .nav-link:hover{color:#1a1a2e!important;background:#0000000d!important}[data-theme=light] .nav-link.active,html.theme-light .nav-link.active{color:#b8960c!important;background:#b8960c1a!important}[data-theme=light] .theme-toggle-btn,html.theme-light .theme-toggle-btn{background:#0000000d!important;border:1px solid rgba(0,0,0,.15)!important;color:var(--color-primary)!important}[data-theme=light] .theme-toggle-btn:hover,html.theme-light .theme-toggle-btn:hover{background:#0000001a!important}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.error-boundary-card{text-align:center;padding:3rem 2rem;border-radius:16px;max-width:420px;width:100%;background:var(--card-bg, rgba(30, 30, 50, .95));border:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 8px 32px #0000004d}.error-boundary-icon{font-size:3.5rem;margin-bottom:1rem}.error-boundary-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary, #fff)}.error-boundary-message{font-size:.95rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0 0 2rem;line-height:1.6}.error-boundary-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.error-boundary-btn{padding:.7rem 1.5rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.error-boundary-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-boundary-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.error-boundary-btn.secondary{background:var(--bg-secondary, rgba(255, 255, 255, .08));color:var(--text-primary, #fff);border:1px solid var(--border-color, rgba(255, 255, 255, .12))}.error-boundary-btn.secondary:hover{background:var(--bg-hover, rgba(255, 255, 255, .12));transform:translateY(-2px)}:root[data-theme=light] .error-boundary-card,.theme-light .error-boundary-card{background:#fff;border-color:#e0e0e0;box-shadow:0 8px 32px #00000014}:root.theme-light,[data-theme=light]{color-scheme:light}:root.theme-light .super-admin,[data-theme=light] .super-admin{background:linear-gradient(135deg,#f5f7fa,#e8eaed,#f0f2f5)}:root.theme-light .sidebar,[data-theme=light] .sidebar{background:#fffffff2;border-right:1px solid rgba(0,0,0,.08)}:root.theme-light .sidebar-header,[data-theme=light] .sidebar-header{border-bottom:1px solid rgba(0,0,0,.08)}:root.theme-light .nav-item,[data-theme=light] .nav-item{color:#0009}:root.theme-light .nav-item:hover,[data-theme=light] .nav-item:hover{background:#0000000d;color:#000000e6}:root.theme-light .nav-item.active,[data-theme=light] .nav-item.active{background:linear-gradient(135deg,#b8960c26,#d4af3726);color:#1a1a2e}:root.theme-light .content-header,[data-theme=light] .content-header{background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.08)}:root.theme-light .content-header h1,[data-theme=light] .content-header h1{color:#1a1a2e}:root.theme-light .card,[data-theme=light] .card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f}:root.theme-light .card:hover,[data-theme=light] .card:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0000001a}:root.theme-light .stat-card,[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(0,0,0,.08)}:root.theme-light .stats-grid .card,[data-theme=light] .stats-grid .card{background:#fff}:root.theme-light table,[data-theme=light] table{background:#fff}:root.theme-light th,[data-theme=light] th{background:#f8f9fa;color:#1a1a2e;border-bottom:2px solid rgba(0,0,0,.1)}:root.theme-light td,[data-theme=light] td{border-bottom:1px solid rgba(0,0,0,.06);color:#1a1a2e}:root.theme-light tr:hover,[data-theme=light] tr:hover{background:#b8960c0d}:root.theme-light .clickable-row:hover,[data-theme=light] .clickable-row:hover{background:#b8960c14}:root.theme-light .dealer-tabs,:root.theme-light .user-tabs,[data-theme=light] .dealer-tabs,[data-theme=light] .user-tabs{background:#f0f2f5}:root.theme-light .tab-btn,[data-theme=light] .tab-btn{color:#4a4a5a}:root.theme-light .tab-btn:hover,[data-theme=light] .tab-btn:hover{color:#1a1a2e;background:#0000000d}:root.theme-light .tab-btn.active,[data-theme=light] .tab-btn.active{background:var(--color-primary);color:#fff}:root.theme-light .modal,[data-theme=light] .modal{background:#fff;border:1px solid rgba(0,0,0,.1)}:root.theme-light .modal-header,[data-theme=light] .modal-header{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.08)}:root.theme-light .modal-header h2,:root.theme-light .modal-header h3,[data-theme=light] .modal-header h2,[data-theme=light] .modal-header h3{color:#1a1a2e}:root.theme-light .modal-footer,[data-theme=light] .modal-footer{background:#f8f9fa;border-top:1px solid rgba(0,0,0,.08)}:root.theme-light .modal-overlay,[data-theme=light] .modal-overlay{background:#0006}:root.theme-light .form-input,:root.theme-light input[type=text],:root.theme-light input[type=number],:root.theme-light input[type=email],:root.theme-light input[type=password],:root.theme-light input[type=date],:root.theme-light input[type=time],:root.theme-light select,:root.theme-light textarea,[data-theme=light] .form-input,[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=date],[data-theme=light] input[type=time],[data-theme=light] select,[data-theme=light] textarea{background:#fff;border:1px solid rgba(0,0,0,.15);color:#1a1a2e}:root.theme-light .form-input:focus,:root.theme-light input:focus,:root.theme-light select:focus,:root.theme-light textarea:focus,[data-theme=light] .form-input:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b8960c26}:root.theme-light .form-input::placeholder,:root.theme-light input::placeholder,[data-theme=light] .form-input::placeholder,[data-theme=light] input::placeholder{color:#8c8c9c}:root.theme-light .form-label,[data-theme=light] .form-label{color:#4a4a5a}:root.theme-light .btn-secondary,[data-theme=light] .btn-secondary{background:#f0f2f5;color:#1a1a2e;border:1px solid rgba(0,0,0,.1)}:root.theme-light .btn-secondary:hover,[data-theme=light] .btn-secondary:hover{background:#e8eaed;border-color:var(--color-primary)}:root.theme-light .btn-icon,[data-theme=light] .btn-icon{color:#4a4a5a}:root.theme-light .btn-icon:hover,[data-theme=light] .btn-icon:hover{background:#0000000d;color:#1a1a2e}:root.theme-light .round-accordion-header,[data-theme=light] .round-accordion-header{background:#fff;border:1px solid rgba(0,0,0,.08)}:root.theme-light .round-accordion-header:hover,[data-theme=light] .round-accordion-header:hover{border-color:var(--color-primary)}:root.theme-light .round-accordion-content,[data-theme=light] .round-accordion-content{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-top:none}:root.theme-light .member-accordion-item,[data-theme=light] .member-accordion-item{background:#fff;border:1px solid rgba(0,0,0,.08)}:root.theme-light .status-badge,[data-theme=light] .status-badge{background:#0000000f;color:#4a4a5a}:root.theme-light .status-badge.open,[data-theme=light] .status-badge.open{background:#00a85426;color:#00a854}:root.theme-light .status-badge.closed,[data-theme=light] .status-badge.closed{background:#d9364926;color:#d93649}:root.theme-light .dealer-selector-bar,[data-theme=light] .dealer-selector-bar{background:#f0f2f5}:root.theme-light .dealer-pill,[data-theme=light] .dealer-pill{background:#fff;border:1px solid rgba(0,0,0,.1);color:#4a4a5a}:root.theme-light .dealer-pill:hover,[data-theme=light] .dealer-pill:hover{border-color:var(--color-primary)}:root.theme-light .dealer-pill.active,[data-theme=light] .dealer-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:root.theme-light::-webkit-scrollbar-track,[data-theme=light]::-webkit-scrollbar-track{background:#f0f2f5}:root.theme-light::-webkit-scrollbar-thumb,[data-theme=light]::-webkit-scrollbar-thumb{background:silver}:root.theme-light::-webkit-scrollbar-thumb:hover,[data-theme=light]::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:root.theme-light .empty-state,[data-theme=light] .empty-state{color:#4a4a5a}:root.theme-light .loading-state,[data-theme=light] .loading-state{color:#4a4a5a}:root.theme-light .section-header h2,:root.theme-light .section-header h3,[data-theme=light] .section-header h2,[data-theme=light] .section-header h3{color:#1a1a2e}:root.theme-light .info-label,[data-theme=light] .info-label{color:#6c6c7c}:root.theme-light .info-value,[data-theme=light] .info-value{color:#1a1a2e}:root.theme-light .bill-card-new,[data-theme=light] .bill-card-new{background:#fff;border:1px solid rgba(0,0,0,.08)}:root.theme-light .bill-card-new:hover,[data-theme=light] .bill-card-new:hover{border-color:var(--color-primary)}:root.theme-light .settings-table,[data-theme=light] .settings-table{background:#fff}:root.theme-light .settings-table th,[data-theme=light] .settings-table th{background:#f0f2f5;color:#1a1a2e}:root.theme-light .settings-tabs,[data-theme=light] .settings-tabs{background:#f0f2f5}:root.theme-light .settings-tab,[data-theme=light] .settings-tab{color:#4a4a5a}:root.theme-light .settings-tab.active,[data-theme=light] .settings-tab.active{background:var(--color-primary);color:#fff}:root.theme-light .credit-display,[data-theme=light] .credit-display{background:#fff!important}:root.theme-light .filter-btn,[data-theme=light] .filter-btn{background:#f0f2f5;color:#4a4a5a;border:1px solid rgba(0,0,0,.1)}:root.theme-light .filter-btn:hover,[data-theme=light] .filter-btn:hover{background:#e8eaed}:root.theme-light .filter-btn.active,[data-theme=light] .filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:root.theme-light .rounds-tabs,[data-theme=light] .rounds-tabs{background:#f0f2f5}:root.theme-light .rounds-tab-btn,[data-theme=light] .rounds-tab-btn{color:#4a4a5a}:root.theme-light .rounds-tab-btn.active,[data-theme=light] .rounds-tab-btn.active{background:var(--color-primary);color:#fff}:root.theme-light .topup-history-item,[data-theme=light] .topup-history-item{background:#f8f9fa;border:1px solid rgba(0,0,0,.08)}:root.theme-light .qr-container,[data-theme=light] .qr-container{background:#fff;border:1px solid rgba(0,0,0,.1)}:root.theme-light .navbar,[data-theme=light] .navbar{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08)}:root.theme-light .logo-lotto,[data-theme=light] .logo-lotto{color:#1a1a2e}:root.theme-light .brand-user-name,[data-theme=light] .brand-user-name{color:#4a4a5a}:root.theme-light .nav-link,[data-theme=light] .nav-link{color:#4a4a5a}:root.theme-light .nav-link:hover,[data-theme=light] .nav-link:hover{color:#1a1a2e;background:#0000000d}:root.theme-light .nav-link.active,[data-theme=light] .nav-link.active{color:var(--color-primary);background:#b8960c1a}:root.theme-light .mobile-menu-btn,[data-theme=light] .mobile-menu-btn{color:#1a1a2e}:root.theme-light .mobile-menu,[data-theme=light] .mobile-menu{background:#fffffffa}:root.theme-light .mobile-nav-link,[data-theme=light] .mobile-nav-link{color:#4a4a5a}:root.theme-light .mobile-nav-link:hover,:root.theme-light .mobile-nav-link.active,[data-theme=light] .mobile-nav-link:hover,[data-theme=light] .mobile-nav-link.active{background:#b8960c1a;color:var(--color-primary)}:root.theme-light .mobile-admin-section,[data-theme=light] .mobile-admin-section{border-top:1px solid rgba(0,0,0,.1)}:root.theme-light .mobile-section-title,[data-theme=light] .mobile-section-title{color:#8c8c9c}:root.theme-light .mobile-auth,[data-theme=light] .mobile-auth{border-top:1px solid rgba(0,0,0,.1)}:root.theme-light .mobile-user-info,[data-theme=light] .mobile-user-info{background:#0000000d;color:#4a4a5a}:root.theme-light .btn-primary,[data-theme=light] .btn-primary{background:linear-gradient(135deg,#b8960c,#d4af37);color:#fff!important;border:none}:root.theme-light .btn-primary:hover,[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#a08000,#c9a227);color:#fff!important;box-shadow:0 4px 15px #b8960c66}:root.theme-light .btn-primary:focus,:root.theme-light .btn-primary:active,[data-theme=light] .btn-primary:focus,[data-theme=light] .btn-primary:active{background:linear-gradient(135deg,#a08000,#c9a227)!important;color:#1a1a2e!important;box-shadow:0 0 0 3px #b8960c66!important;outline:none}:root.theme-light .btn-outline,[data-theme=light] .btn-outline{background:transparent;color:#1a1a2e;border:2px solid var(--color-primary)}:root.theme-light .btn-outline:hover,[data-theme=light] .btn-outline:hover{background:var(--color-primary);color:#fff}:root.theme-light .mobile-auth-btn,[data-theme=light] .mobile-auth-btn{color:#1a1a2e}:root.theme-light .mobile-auth-btn.btn-outline,[data-theme=light] .mobile-auth-btn.btn-outline{color:var(--color-primary);border-color:var(--color-primary)}:root.theme-light .mobile-auth-btn.btn-outline:hover,[data-theme=light] .mobile-auth-btn.btn-outline:hover{background:var(--color-primary);color:#fff}.super-admin,.dealer-page,.user-dashboard,.sidebar,.card,.modal,.form-input,input,select,textarea,.tab-btn,.btn,table,th,td,.navbar,.mobile-menu,.mobile-nav-link{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}:root{--color-primary: #d4af37;--color-primary-light: #f4d03f;--color-primary-dark: #b8960c;--color-secondary: #1a1a2e;--color-secondary-light: #16213e;--color-accent: #e94560;--bg-dark: #0f0f1a;--bg-card: #1a1a2e;--bg-card-hover: #252542;--bg-glass: rgba(26, 26, 46, .8);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6c6c7c;--text-gold: #d4af37;--color-success: #00d26a;--color-warning: #ffc107;--color-error: #e94560;--color-info: #0dcaf0;--gradient-gold: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);--gradient-accent: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 20px rgba(212, 175, 55, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Prompt", "Noto Sans Thai", sans-serif;--color-surface: #16213e;--color-surface-light: #1a1a2e;--color-text: #ffffff;--color-text-muted: #a0a0b0;--color-card: #1a1a2e;--color-border: rgba(255, 255, 255, .1);--color-danger: #e94560}:root.theme-light,[data-theme=light]{--color-primary: #b8960c;--color-primary-light: #d4af37;--color-primary-dark: #8b7209;--color-secondary: #f5f7fa;--color-secondary-light: #ffffff;--color-accent: #e94560;--bg-dark: #f0f2f5;--bg-card: #ffffff;--bg-card-hover: #f8f9fa;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8c8c9c;--text-gold: #b8960c;--color-success: #00a854;--color-warning: #e6a700;--color-error: #d93649;--color-info: #0a9dc7;--gradient-gold: linear-gradient(135deg, #b8960c 0%, #d4af37 50%, #b8960c 100%);--gradient-dark: linear-gradient(135deg, #f5f7fa 0%, #e8eaed 100%);--gradient-accent: linear-gradient(135deg, #d93649 0%, #ff6b6b 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-gold: 0 4px 20px rgba(184, 150, 12, .2);--color-surface: #ffffff;--color-surface-light: #f8f9fa;--color-text: #1a1a2e;--color-text-muted: #6c6c7c;--color-card: #ffffff;--color-border: rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-y:scroll}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(233,69,96,.05) 0%,transparent 50%),var(--bg-dark);z-index:-1;transition:background .3s ease}:root.theme-light body:before,[data-theme=light] body:before{background:radial-gradient(circle at 20% 80%,rgba(184,150,12,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(233,69,96,.05) 0%,transparent 50%),var(--bg-dark)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-gold{color:var(--text-gold)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--gradient-gold);color:var(--color-secondary);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4af3766}.btn-primary:focus,.btn-primary:active{background:var(--gradient-gold);color:var(--color-secondary);box-shadow:0 0 0 3px #d4af374d;outline:none}.btn-primary:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-primary)}.btn-accent{background:var(--gradient-accent);color:var(--text-primary)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e9456066}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-secondary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#d4af3733}.card-glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af3733}.form-input::placeholder{color:var(--text-muted)}select.form-input option{background:#1a1a2e;color:#fff;padding:.5rem}select.form-input option:hover,select.form-input option:checked{background:#d4af37;color:#000}:root.theme-light select.form-input option,[data-theme=light] select.form-input option{background:#fff;color:#1a1a2e}:root.theme-light select.form-input option:hover,:root.theme-light select.form-input option:checked,[data-theme=light] select.form-input option:hover,[data-theme=light] select.form-input option:checked{background:#b8960c;color:#fff}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-gold{background:#d4af3733;color:var(--color-primary)}.badge-success{background:#00d26a33;color:var(--color-success)}.badge-error{background:#e9456033;color:var(--color-error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .5s ease}.animate-slideUp{animation:slideUp .5s ease}.animate-pulse{animation:pulse 2s infinite}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;box-sizing:border-box}@media(max-width:768px){.modal-overlay{align-items:flex-start;padding-top:10vh}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;position:fixed;top:0;left:0;background:var(--color-bg, #0f0f1a);z-index:9999}.loading-screen p{margin-top:1rem;color:var(--color-text-muted, #888);font-size:.9rem}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media(max-width:768px){html{font-size:14px}.container{padding:0 .75rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}