@media(max-width:1080px){.dashboard-main-top-grid{grid-template-columns:1fr!important}}.last-called-ball{width:180px;height:180px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0 auto;background:radial-gradient(circle at 30% 30%,#fff,#fff 20%,#f1f5f9 55%,#cbd5f5);border:1px solid #cbd5e1;box-shadow:0 16px 40px #0f172a1f}.last-called-ball.pop{animation:drawPop .7s ease;box-shadow:0 0 35px #3b82f673,0 16px 40px #0f172a1f}@keyframes drawPop{0%{transform:scale(.7);opacity:.6}40%{transform:scale(1.2)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.recent-draw-ball{animation:recentDrawSlideIn .45s ease}@keyframes recentDrawSlideIn{0%{transform:translateY(-18px) scale(.85);opacity:0}60%{transform:translateY(2px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.recent-chip-pop{animation:chipPop .4s ease}@keyframes chipPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.card-shuffle{animation:cardShuffle .45s ease}@keyframes cardShuffle{0%{transform:scale(.96);opacity:.6}40%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.card-new-glow{animation:cardGlow .7s ease}@keyframes cardGlow{0%{transform:scale(.96);box-shadow:0 0 #3b82f600}40%{transform:scale(1.03);box-shadow:0 0 24px #3b82f673}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.spin-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spinLoader .8s linear infinite}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{color-scheme:light;--surface: #ffffff;--surface-alt: #f8fafc;--text: #020617;--text-soft: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--text-muted-on-dark: #cbd5f5;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #111827;--primary-text: #ffffff;--accent: #1d4ed8;--accent-soft: #eff6ff;--accent-border: #bfdbfe;--danger: #b91c1c;--danger-soft: #fef2f2;--danger-border: #fecaca;--success: #166534;--success-soft: #ecfdf5;--success-border: #bbf7d0;--warning: #b91c1c;--warning-soft: #fef2f2;--warning-border: #fecaca;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-card: 0 8px 30px rgba(15, 23, 42, .06);--shadow-raised: 0 16px 40px rgba(15, 23, 42, .12);--transition-fast: all .15s ease}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--surface-alt);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:var(--space-md)}.grid{display:grid;gap:var(--space-sm)}.grid-2{grid-template-columns:1.2fr 1fr}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:active{transform:scale(.995)}.row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:var(--transition-fast)}.btn:hover{background:var(--surface-alt)}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);box-shadow:var(--shadow-card)}.btn.primary:hover{opacity:.92}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ghost{background:transparent;border-color:var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:10px 12px;outline:none;transition:var(--transition-fast)}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.label{font-size:12px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;color:var(--text-soft)}.badge.green{border-color:var(--success-border);color:var(--success)}.badge.yellow{border-color:var(--warning-border);color:var(--warning)}.badge.red{border-color:var(--danger-border);color:var(--danger)}.tabs{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tab{padding:8px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast)}.tab:active{transform:scale(.98)}.tab.active{background:var(--surface-alt);border-color:var(--border-strong)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:1000}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-raised);animation:modalFadeIn .18s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:20px;font-weight:800;color:var(--text)}.modal-close{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--text-muted)}.modal-divider{height:1px;background:var(--border);margin:12px 0 16px}.modal-body{display:grid;gap:var(--space-sm);max-height:75vh;overflow-y:auto}.small{font-size:12px;color:var(--text-muted)}.hr{height:1px;background:var(--border);margin:10px 0}