@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--font-outfit:"Outfit", "Inter", sans-serif;--font-inter:"Inter", sans-serif;--bg-gradient-start:#050810;--bg-gradient-mid:#0a1120;--bg-gradient-end:#0e172a;--card-bg:#0c1427a6;--card-bg-solid:#0d1527;--card-border:#ffffff0f;--card-border-glow:#10b98140;--color-primary:#10b981;--color-primary-glow:#10b98166;--color-primary-hover:#34d399;--color-primary-subtle:#10b98114;--color-secondary:#0ea5e9;--color-danger:#ef4444;--color-warning:#f59e0b;--color-gold:#fbbf24;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dark:#0f172a;--glow-shadow:0 0 25px #10b98126;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a66}::-webkit-scrollbar-thumb{background:#10b98140;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#10b98173}body{font-family:var(--font-inter);background:var(--bg-gradient-start);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(800px 600px at 20% 10%,#10b9810a 0%,#0000 70%),radial-gradient(600px 400px at 80% 90%,#0ea5e908 0%,#0000 70%),radial-gradient(circle,#10b98104 0%,#0000 50%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.015;background-image:repeating-linear-gradient(90deg,#0000,#0000 120px,#ffffff80 120px 121px);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--color-primary-hover)}::selection{color:#fff;background:#10b9814d}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:var(--transition-smooth);z-index:1;position:relative;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff08}.glass-card:hover{border-color:var(--card-border-glow);box-shadow:0 12px 40px #0000004d, 0 0 0 1px #10b9811a, var(--glow-shadow);transform:translateY(-2px)}.main-wrapper{z-index:1;max-width:1200px;margin:0 auto;padding:90px 24px 40px;position:relative}.navbar{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:1000;height:64px;transition:var(--transition-smooth);background:#050810e0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{font-family:var(--font-outfit);letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#fbbf24 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.nav-brand svg,.nav-brand img{border-radius:6px;width:28px;height:28px}.nav-links{align-items:center;gap:16px;display:flex}.nav-user-info{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.user-badge{color:var(--color-primary);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;background:#10b9811a;border:1px solid #10b98140;padding:3px 10px;font-size:10px;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-input,.form-textarea{border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-inter);transition:var(--transition-smooth);background:#0a1120e6;border:1px solid #ffffff14;outline:none;padding:11px 14px;font-size:14px}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b880}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a,0 0 12px #10b98126}.form-input:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#ffffff1f}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn{font-family:var(--font-outfit);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98140}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-secondary{color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-1px);box-shadow:0 6px 20px #ef44444d}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px)}.badge-status{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-yes{color:var(--color-primary);background:#10b9811f;border:1px solid #10b98140}.badge-no{color:var(--color-danger);background:#ef44441f;border:1px solid #ef444440}.badge-pending{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b40}.custom-table-container{border-radius:var(--radius-md);border:1px solid #ffffff0a;margin-top:12px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#0a1120f2;border-bottom:2px solid #10b98126;padding:12px 16px;font-size:11px;font-weight:600}.custom-table td{color:var(--text-main);transition:var(--transition-smooth);background:#0a11204d;border-bottom:1px solid #ffffff08;padding:12px 16px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#10b9810a}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-12{align-items:center;gap:12px;display:flex}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.p-20{padding:20px}.p-24{padding:24px}.p-30{padding:28px}.live-badge-pulse{color:#ef4444;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.live-badge-pulse:before{content:"";background-color:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 8px #ef4444}@keyframes pulse{0%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 16px #ef4444}to{opacity:.5;transform:scale(.85)}}.scoreboard-display{border-radius:var(--radius-lg);text-align:center;background:radial-gradient(at top,#10b9810f 0%,#0000 70%),#0a1120b3;border:1px solid #10b9812e;padding:24px;position:relative;overflow:hidden}.scoreboard-display:before{content:"";background:linear-gradient(90deg,#0000,#10b98166,#0000);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.score-main{font-family:var(--font-outfit);color:#fff;letter-spacing:-1px;text-shadow:0 0 20px #10b98126;font-size:42px;font-weight:900}.score-sub{color:var(--text-muted);margin-top:6px;font-size:14px;font-weight:500}.commentary-container{flex-direction:column;gap:8px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.commentary-item{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-main);transition:var(--transition-smooth);background:#ffffff04;border-left:3px solid #10b98159;padding:10px 14px;font-size:13px;animation:.3s ease-out fadeSlideIn}.commentary-item:hover{background:#ffffff08}.commentary-ball{color:var(--color-primary);margin-right:8px;font-weight:700}.scoring-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.scoring-btn{font-size:13px;font-weight:700;font-family:var(--font-outfit);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0f;padding:10px 8px}.scoring-btn:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.scoring-btn:active{transform:scale(.95)}.scoring-btn-accent{color:var(--color-primary);background:#10b98114;border-color:#10b98140}.scoring-btn-accent:hover{background:#10b98126}.scoring-btn-danger{color:var(--color-danger);background:#ef444414;border-color:#ef444440}.scoring-btn-danger:hover{background:#ef444426}.ticker-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#050810f2;border-bottom:1px solid #10b98133;align-items:center;width:100%;height:40px;display:flex;position:fixed;top:64px;left:0;overflow:hidden;box-shadow:0 4px 12px #0006}.ticker-track{width:max-content;animation:35s linear infinite marquee;display:flex}.ticker-content{flex-shrink:0;display:flex}.ticker-item{font-family:var(--font-outfit);color:var(--color-primary);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 30px;font-size:12px;font-weight:700;display:inline-flex}.ticker-item span{color:#fffc;margin-left:6px;font-weight:500}.ticker-item strong{color:var(--color-secondary)}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.recent-balls-container{scrollbar-width:none;align-items:center;gap:6px;padding:8px 0;display:flex;overflow-x:auto}.recent-balls-container::-webkit-scrollbar{display:none}.ball-bubble{width:30px;height:30px;font-family:var(--font-outfit);-webkit-user-select:none;user-select:none;transition:var(--transition-bounce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.ball-bubble:hover{transform:scale(1.15)}.ball-dot{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14}.ball-run{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.ball-boundary-four{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b98180;box-shadow:0 0 10px #10b98159}.ball-boundary-six{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border:1px solid #0ea5e980;box-shadow:0 0 10px #0ea5e959}.ball-wicket{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ef444499;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 12px #ef444466}.ball-extra{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #f59e0b66}.live-tabs-nav{border-bottom:1px solid #ffffff0f;gap:4px;margin-bottom:16px;display:flex}.live-tab-btn{color:var(--text-muted);font-family:var(--font-outfit);cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:600;position:relative}.live-tab-btn:hover{color:#fff;background:#ffffff05}.live-tab-btn.active{color:var(--color-primary);background:#10b9810a}.live-tab-btn.active:after{content:"";background:var(--color-primary);height:2px;box-shadow:0 0 8px var(--color-primary);border-radius:var(--radius-pill);position:absolute;bottom:-1px;left:0;right:0}.stats-grid-card{border-radius:var(--radius-lg);transition:var(--transition-smooth);background:#00000026;border:1px solid #ffffff0a;flex-direction:column;gap:6px;padding:16px;display:flex}.stats-grid-card:hover{background:#0003;border-color:#ffffff0f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cricketBallBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(90deg)}50%{transform:translateY(0)rotate(180deg)}75%{transform:translateY(-10px)rotate(270deg)}}.loading-spinner{border:3px solid #10b98126;border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#10b98105 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.login-card{width:100%;max-width:440px;padding:36px;animation:.5s ease-out slideUp}.login-logo-section{text-align:center;margin-bottom:28px}.login-logo-icon{background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%);border:1px solid #10b98133;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:0 0 20px #10b9811a}.login-logo-icon img{border-radius:6px;width:36px;height:36px}.login-brand-name{font-family:var(--font-outfit);letter-spacing:1px;background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.login-tagline{color:var(--text-muted);margin-top:4px;font-size:13px}.login-divider{border-radius:var(--radius-pill);background:linear-gradient(90deg,#0000,#10b98166,#0000);width:60px;height:2px;margin:16px auto 0}.login-alert{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:500;animation:.3s ease-out fadeSlideIn;display:flex}.login-alert-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.login-alert-success{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133}.login-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:13px}.login-footer-toggle{color:var(--color-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0 4px;font-size:13px;font-weight:700}.login-footer-toggle:hover{color:var(--color-primary-hover);text-decoration:underline}.login-powered{text-align:center;color:#94a3b866;letter-spacing:.5px;margin-top:32px;font-size:11px}.toast-notification{border-radius:var(--radius-lg);color:#fff;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;max-width:400px;padding:14px 22px;font-size:13px;font-weight:600;animation:.3s ease-out toastSlideIn;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 12px 32px #0006}.toast-success{background:#10b981eb;border:1px solid #ffffff26}.toast-error{background:#ef4444eb;border:1px solid #ffffff26}.toast-info{background:#0ea5e9eb;border:1px solid #ffffff26}.section-divider{background:linear-gradient(90deg,#0000,#10b98133,#0000);width:100%;height:1px;margin:20px 0}.accent-glow{background:var(--color-primary-glow);filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;width:200px;height:200px;position:absolute}@media (max-width:768px){.navbar{height:56px;padding:0 16px}.nav-brand{font-size:16px}.nav-links{gap:8px}.nav-user-info{display:none}.main-wrapper{padding:72px 16px 32px}.p-30{padding:18px}.p-24{padding:16px}.ticker-wrap{height:36px;top:56px}.ticker-item{padding:0 20px;font-size:11px}.score-main{font-size:32px}.login-card{padding:24px}.login-brand-name{font-size:22px}.scoring-grid{grid-template-columns:repeat(3,1fr)}.btn{padding:8px 14px;font-size:12px}}@media (max-width:480px){.navbar{padding:0 12px}.nav-brand{gap:6px;font-size:14px}.main-wrapper{padding:64px 12px 24px}.glass-card{border-radius:var(--radius-md)}.grid-2{gap:16px}.score-main{font-size:28px}.ball-bubble{width:26px;height:26px;font-size:10px}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-icon{background:#10b9810f;border:1px solid #10b98126;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;font-size:32px;display:flex}.btn:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible,.live-tab-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}