@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary-light:#f4f6fb;--bg-secondary-light:#fff;--text-primary-light:#1a1d2e;--text-secondary-light:#8a94a6;--border-light:#e8eaf0;--accent-light:#2563eb;--accent-hover-light:#0b5ed7;--card-bg-light:#fff;--bg-primary-dark:#1a1d2e;--bg-secondary-dark:#1f2330;--text-primary-dark:#e2e8f0;--text-secondary-dark:#9ca3af;--border-dark:#2d3748;--accent-dark:#3b82f6;--accent-hover-dark:#60a5fa;--card-bg-dark:#1f2330;--accent-gold:#fbbf24;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-purple:#8b5cf6;--accent-red:#ef4444;--accent-cyan:#06b6d4;--accent-orange:#f97316;--sidebar-bg:#0f1535;--sidebar-text:#9db0d4;--sidebar-active:#2563eb;--sidebar-hover:#ffffff0f;--topbar-bg:#fff;--topbar-bg-dark:#1a1d2e;--topbar-text:#1a1d2e;--topbar-text-dark:#e2e8f0;--notif-dot:#0d6efd;--role-batsman-bg:#dbeafe;--role-batsman-text:#2563eb;--role-bowler-bg:#fef3c7;--role-bowler-text:#d97706;--role-allrounder-bg:#ede9fe;--role-allrounder-text:#7c3aed;--role-keeper-bg:#dcfce7;--role-keeper-text:#16a34a;--status-active-bg:#dcfce7;--status-active-text:#16a34a;--info-bg:#f3f7ff;--info-border:#d7e5ff;--info-icon-bg:#2563eb;--info-title-color:#1e3a8a;--warning-bg:#fff7ed;--warning-border:#fed7aa;--warning-text:#9a3412;--table-header-bg:#f8fafc;--table-row-border:#eef2f7;--breadcrumb-active:#2563eb;--breadcrumb-current:#64748b;--input-bg:#fff;--input-border:#dce3ee;--input-text:#1f2937;--input-placeholder:#98a2b3;--avatar-bg:#f3f4f6;--avatar-border:#fff;--section-title:#111827;--settings-footer-border:#eaeaea;--page-header-color:#111827;--page-subtitle-color:#667085;--shadow-light:0 2px 4px #00000005;--shadow-dark:0 4px 12px #0003;--glass-bg:#ffffff73;--glass-border:#fff9;--glass-bg-hover:#fff9;--status-upcoming-bg:#dbeafe;--status-upcoming-text:#2563eb;--status-completed-bg:#e5e7eb;--status-completed-text:#4b5563}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary-light);color:var(--text-primary-light);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,sans-serif;transition:background-color .2s,color .2s}body.dark-mode{background:var(--bg-primary-dark);color:var(--text-primary-dark)}body.dark-mode div[style*=bgstadium]{display:none!important}body.dark-mode{--bg-primary-light:#0b1223;--bg-secondary-light:#111827;--text-primary-light:#e2e8f0;--text-secondary-light:#9ca3af;--border-light:#1f2937;--accent-light:#3b82f6;--accent-hover-light:#60a5fa;--card-bg-light:#111827;--topbar-bg:#0b1223;--topbar-text:#e2e8f0;--topbar-bg-dark:#0b1223;--topbar-text-dark:#e2e8f0;--role-batsman-bg:#1e3a5f;--role-bowler-bg:#4a3728;--role-allrounder-bg:#2d1f5e;--role-keeper-bg:#1a3d2a;--role-batsman-text:#93c5fd;--role-bowler-text:#fbbf24;--role-allrounder-text:#c4b5fd;--role-keeper-text:#86efac;--info-bg:#1a2744;--info-border:#3b82f633;--info-icon-bg:#2563eb;--info-title-color:#93c5fd;--warning-bg:#3d2a1a;--warning-border:#d9770633;--warning-text:#fbbf24;--status-active-bg:#1a3d2a;--status-active-text:#4ade80;--table-header-bg:#1a2332;--table-row-border:#1f2937;--breadcrumb-active:#60a5fa;--breadcrumb-current:#9ca3af;--input-bg:#1a2332;--input-border:#374151;--input-text:#e2e8f0;--input-placeholder:#6b7280;--avatar-bg:#1f2937;--avatar-border:#374151;--section-title:#e2e8f0;--settings-footer-border:#1f2937;--page-header-color:#e2e8f0;--page-subtitle-color:#9ca3af;--modal-bg:#111827;--modal-border:#1f2937;--glass-bg:#111827bf;--glass-border:#1f2937cc;--glass-bg-hover:#1f2937d9;--status-upcoming-bg:#1e3a5f;--status-upcoming-text:#93c5fd;--status-completed-bg:#1f2937;--status-completed-text:#9ca3af}button{font-family:inherit}.cric-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.cric-btn-primary{color:#fff;background-color:#0d6efd;border:1px solid #0000}.cric-btn-primary:hover{background-color:#0b5ed7}.cric-btn-outline{color:#0d6efd;background-color:#0000;border:1px solid #0d6efd}.cric-btn-outline:hover{background-color:#f8f9fa}.input-group{flex-direction:column;margin-bottom:16px;display:flex}.input-label{color:var(--text-primary-light);margin-bottom:6px;font-size:14px;font-weight:600}.input-control{border:1px solid var(--input-border);color:var(--input-text);background-color:var(--input-bg);border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-control:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.input-disabled{background-color:var(--bg-secondary-light);color:var(--text-secondary-light);cursor:not-allowed;border-color:var(--border-light)}.page-container{max-width:1000px;margin:0 auto;padding:32px;font-family:sans-serif}.page-header h1{color:var(--page-header-color);margin-bottom:4px;font-size:24px}.page-header p{color:var(--page-subtitle-color);margin-bottom:24px;font-size:14px}.settings-card{background:var(--card-bg-light);border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px;padding:28px;transition:background-color .2s,border-color .2s;box-shadow:0 2px 4px #00000005}.settings-grid{gap:48px;margin-bottom:32px;display:flex}.settings-left-col{flex-shrink:0;justify-content:center;width:220px;display:flex}.settings-right-col{flex-grow:1}.form-row{gap:24px;display:flex}.form-row>*{flex:1}.avatar-section{text-align:center}.section-title{text-align:left;color:var(--section-title);margin-bottom:24px;font-size:16px}.avatar-wrapper{width:150px;height:150px;margin:0 auto 16px;position:relative}.avatar-circle{background-color:var(--avatar-bg);border:4px solid var(--avatar-border);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#ccc;font-size:64px}.camera-badge{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 4px #0000001a}.camera-badge:hover{background:#f8f9fa;transform:scale(1.05)}.upload-hint{color:#888;margin-bottom:16px;font-size:12px}.avatar-actions{justify-content:center;display:flex}.password-row{align-items:flex-end;gap:16px;margin-top:16px;display:flex}.password-input-wrapper{flex-grow:1}.change-pwd-btn{margin-bottom:16px}.settings-footer{border-top:1px solid var(--settings-footer-border);justify-content:flex-end;gap:16px;padding-top:24px;display:flex}.cancel-btn{color:var(--text-primary-light);border-color:#0000}.cancel-btn:hover{background:var(--bg-secondary-light);border-color:#0000}.info-banner{background-color:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;align-items:flex-start;gap:16px;padding:16px 24px;display:flex}.info-icon{border:1.5px solid var(--info-icon-bg);width:24px;height:24px;color:var(--info-icon-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:serif;font-size:14px;font-weight:700;display:flex}.info-title{color:var(--info-title-color);margin:0 0 4px;font-size:14px}.info-desc{color:var(--text-secondary-light);margin:0;font-size:13px}.topbar{z-index:99;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 40%,#93c5fd 75%,#dbeafe 100%);border-bottom:1px solid #3b82f626;justify-content:space-between;align-items:center;height:64px;padding:0 32px;transition:background .2s;display:flex;position:fixed;top:0;left:220px;right:0}.topbar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-logo{width:auto;height:40px}.brand-text{color:#fff;white-space:nowrap;font-size:18px;font-weight:700}.brand-text .accent{color:#fbbf24}.brand-text .brand-hub{color:#fff}.topbar-left{align-items:center;display:flex}.back-link{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:#dbeafe;text-decoration:underline}.topbar-right{align-items:center;gap:24px;display:flex}.notif-btn{cursor:pointer;color:#3b82f6;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.notif-btn:hover{color:#2563eb;background:#fff}.notif-dot{background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.user-profile-menu{cursor:pointer;background:#ffffffe6;border-radius:24px;align-items:center;gap:10px;padding:5px 12px 5px 5px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.user-profile-menu:hover{background:#fff}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#1e3a8a;font-size:13px;font-weight:700;line-height:1.2}.user-role{color:#64748b;font-size:11px}.dropdown-icon{color:#64748b;margin-left:2px}.theme-toggle-wrapper{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:0;padding:10px 0;display:flex}.theme-toggle-label{flex-direction:column;gap:2px;display:flex}.theme-toggle-label-text{color:var(--text-primary-light);font-size:14px;font-weight:600}.theme-toggle-label-desc{color:var(--text-secondary-light);font-size:12px}.theme-toggle{flex-shrink:0;width:50px;height:28px;position:relative}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:28px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.theme-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.theme-toggle input:checked+.theme-toggle-slider{background-color:#2563eb}.theme-toggle input:checked+.theme-toggle-slider:before{transform:translate(22px)}.theme-toggle input:focus-visible+.theme-toggle-slider{outline:2px solid var(--accent-light);outline-offset:2px}.theme-toggle-icons{pointer-events:none;justify-content:space-between;align-items:center;padding:0 6px;font-size:12px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}body.dark-mode .avatar-placeholder{color:#4b5563}body.dark-mode .camera-badge{background:var(--card-bg-light);border-color:var(--border-light)}body.dark-mode .camera-badge:hover{background:var(--bg-primary-light)}body.dark-mode .upload-hint{color:var(--text-secondary-light)}body.dark-mode .notif-btn{background:var(--card-bg-light)}body.dark-mode .notif-btn:hover{background:var(--bg-primary-light)}body.dark-mode .notif-dot{border-color:var(--card-bg-light)}body.dark-mode .user-profile-menu{background:var(--card-bg-light)}body.dark-mode .user-profile-menu:hover{background:var(--bg-primary-light)}body.dark-mode .user-name{color:var(--text-primary-light)}body.dark-mode .user-role,body.dark-mode .dropdown-icon{color:var(--text-secondary-light)}body.dark-mode .cric-btn-outline:hover{background:var(--bg-primary-light)}body.dark-mode .theme-toggle-slider{background-color:#374151}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.cricket-loader--sm{--loader-scale:.6}.cricket-loader--md{--loader-scale:1}.cricket-loader--lg{--loader-scale:1.4}.cricket-loader{transform:scale(var(--loader-scale,1));flex-direction:column;align-items:center;gap:18px;padding:32px 0;display:flex}.cricket-loader__scene{width:160px;height:90px;position:relative}.cricket-loader__pitch{opacity:.5;background:linear-gradient(90deg,#0000,#d4a017 30% 70%,#0000);border-radius:1px;height:2px;position:absolute;bottom:8px;left:10px;right:10px}.cricket-loader__ball{z-index:2;background:radial-gradient(circle at 35% 35%,#e74c3c,#c0392b 60%,#962d22);border-radius:50%;width:18px;height:18px;animation:3.5s ease-in-out infinite ballRoll;position:absolute;bottom:14px;left:0;box-shadow:0 2px 6px #0000004d,inset 0 -2px 4px #0003}.cricket-loader__ball-seam{border:1.5px solid #ffffffb3;border-color:#ffffffb3 #ffffffb3 #0000 #0000;border-radius:50%;width:10px;height:12px;position:absolute;top:3px;left:4px;transform:rotate(-30deg)}.cricket-loader__bat{transform-origin:bottom;z-index:3;animation:3.5s ease-in-out infinite batSwing;position:absolute;bottom:16px;right:30px}.cricket-loader__bat-blade{background:linear-gradient(#c9a84c 0%,#a07e2e 40%,#8b6914 100%);border:1px solid #6b5210;border-radius:3px 3px 6px 6px;width:18px;height:44px;box-shadow:0 2px 8px #00000040,inset 0 1px 2px #ffffff4d}.cricket-loader__bat-handle{background:linear-gradient(#2c1810,#1a0f0a);border:1px solid #0d0705;border-radius:2px;width:6px;height:22px;margin:-2px auto 0}.cricket-loader__trail{opacity:0;border-radius:1px;height:2px;animation:3.5s ease-out infinite trailFly;position:absolute;bottom:20px;left:20px}.cricket-loader__trail--1{background:#d4a01799;width:14px;animation-delay:1.7s}.cricket-loader__trail--2{background:#d4a01766;width:10px;animation-delay:1.85s}.cricket-loader__trail--3{background:#d4a01740;width:6px;animation-delay:2s}.cricket-loader__text{color:var(--text-secondary-light,#6b7280);letter-spacing:.3px;font-size:14px;font-weight:600;animation:3.5s ease-in-out infinite textPulse}@keyframes ballRoll{0%{opacity:.8;transform:translate(-10px)}30%{opacity:1;transform:translate(50px)}45%{opacity:1;transform:translate(50px)}55%{opacity:1;transform:translate(80px)}75%{opacity:0;transform:translate(180px)}to{opacity:0;transform:translate(180px)}}@keyframes batSwing{0%{transform:rotate(0)}30%{transform:rotate(0)}48%{transform:rotate(-45deg)}55%{transform:rotate(15deg)}65%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes trailFly{0%{opacity:0;transform:translate(0)}50%{opacity:0;transform:translate(0)}55%{opacity:.7;transform:translate(55px)}75%{opacity:0;transform:translate(170px)}to{opacity:0;transform:translate(170px)}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.5}}