.dashboard-shell,.login-page{--color-bg:#f0f4f8;--color-surface:#ffffff;--color-navy:#111827;--color-navy-deep:#0c1220;--color-green:#16a34a;--color-green-dim:#dcfce7;--color-text:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-border-lt:#f1f5f9;--radius-card:12px;--radius-sm:7px;--shadow-card:0 1px 4px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.04);--shadow-nav:0 1px 0 rgba(255,255,255,0.06);background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;min-height:100vh}.dashboard-nav{flex-wrap:wrap;padding:0 28px;height:60px;background:var(--color-navy);gap:0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-nav);border-bottom:2px solid var(--color-green)}.dashboard-nav,.nav-brand{display:flex;align-items:center;color:#fff}.nav-brand{font-weight:700;font-size:.95rem;letter-spacing:.03em;margin-right:auto;gap:9px}.nav-logo{width:30px;height:30px;object-fit:contain;border-radius:5px;flex-shrink:0}.nav-brand span{font-size:1.1rem}.nav-links{display:flex;gap:6px;margin-right:20px}.nav-links a{color:#cbd5e1;text-decoration:none;font-size:.875rem;font-weight:600;padding:7px 16px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;letter-spacing:.01em;white-space:nowrap}.nav-links a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#fff}.nav-links a.nav-link--active{background:rgba(22,163,74,.18);border-color:rgba(22,163,74,.4);color:#4ade80}.nav-user{display:flex;align-items:center;gap:12px}.btn-logout,.nav-user{font-size:.8rem;color:#94a3b8}.btn-logout{background:transparent;border:1px solid #2d3748;padding:5px 13px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-logout:hover{background:rgba(255,255,255,.08);border-color:#4b5563;color:#fff}.dashboard-content{padding:36px 32px;max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-shell h2{font-size:1.45rem;font-weight:700;color:var(--color-text);margin:0 0 24px;line-height:1.25;letter-spacing:-.01em}.overview-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.overview-season-badge{font-size:.72rem;font-weight:700;background:var(--color-navy);color:#fff;padding:4px 11px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #2d3748}.overview-section-label{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-muted);margin-bottom:12px;margin-top:4px}.overview-section-label:before{content:"";display:inline-block;width:7px;height:7px;background:var(--color-green);border-radius:50%;flex-shrink:0}.dashboard-shell h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 16px;letter-spacing:-.005em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.stat-grid+.overview-section-label{margin-top:8px}.stat-card{background:var(--color-surface);border-radius:var(--radius-card);padding:20px 20px 18px;box-shadow:var(--shadow-card);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:4px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.09),0 6px 16px rgba(0,0,0,.06)}.stat-value{font-size:2rem;font-weight:700;line-height:1;color:var(--color-text);letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--color-muted);margin-top:7px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-card--green{border-left-color:#16a34a}.stat-card--green .stat-value{color:#15803d}.stat-card--blue{border-left-color:#3b82f6}.stat-card--blue .stat-value{color:#1d4ed8}.stat-card--yellow{border-left-color:#f59e0b}.stat-card--yellow .stat-value{color:#b45309}.stat-card--red{border-left-color:#ef4444}.stat-card--red .stat-value{color:#dc2626}.dashboard-section{background:var(--color-surface);border-radius:var(--radius-card);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow-x:auto}.breakdown-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:360px}.breakdown-table th{background:var(--color-border-lt);text-align:left;padding:9px 14px;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.breakdown-table td{padding:9px 14px;border-bottom:1px solid var(--color-border-lt);color:var(--color-text)}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table tfoot td{border-top:1px solid var(--color-border);background:var(--color-border-lt);font-weight:600}.filters-bar{gap:14px;margin-bottom:20px;padding:18px 20px;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.filter-section,.filters-bar{display:flex;flex-direction:column}.filter-section{gap:8px}.filter-section-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-muted)}.filter-section-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.filter-section-divider{height:1px;background:var(--color-border-lt);margin:2px 0}.filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:.71rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.filters-bar input[type=date],.filters-bar input[type=search],.filters-bar input[type=text],.filters-bar select{padding:7px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-border-lt);color:var(--color-text);min-width:145px;box-sizing:border-box;transition:border-color .15s,background .15s,box-shadow .15s}.filters-bar input:focus,.filters-bar select:focus{outline:none;border-color:var(--color-green);background:var(--color-surface);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.btn-clear{padding:7px 15px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-clear:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.filter-loading{font-size:.8rem;color:var(--color-muted);align-self:flex-end;padding-bottom:6px}.registrants-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:0;flex-wrap:wrap}.registrants-header h2{margin-bottom:3px}.registrants-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-export{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--color-muted);text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-export:hover{background:#f0fdf4;border-color:var(--color-green);color:#15803d}.registrants-count{font-size:.85rem;color:var(--color-muted);margin:0 0 16px;font-weight:500}.tab-bar{display:flex;gap:3px;background:var(--color-border-lt);border:1px solid var(--color-border);border-radius:9px;padding:4px;align-self:flex-start;margin-top:2px}.tab-btn{padding:6px 20px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;color:var(--color-muted);transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap;letter-spacing:.01em}.tab-btn:hover:not(:disabled){background:rgba(255,255,255,.7);color:var(--color-text)}.tab-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 4px rgba(0,0,0,.1)}.tab-btn:disabled{opacity:.45;cursor:not-allowed}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.registrants-table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:.855rem}.registrants-table th{background:var(--color-border-lt);text-align:left;padding:11px 15px;font-weight:600;font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s,color .12s}.sortable-th:hover{background:#eef2f7;color:var(--color-text)}.sortable-th--active{color:var(--color-navy);background:#e8edf5}.sort-icon{display:inline-block;margin-left:4px;font-size:.68rem;vertical-align:middle}.sort-icon--idle{opacity:.25}.registrants-table td{padding:11px 15px;border-bottom:1px solid var(--color-border-lt);vertical-align:top;color:var(--color-text)}.registrants-table tr:last-child td{border-bottom:none}.registrants-table tbody tr:hover td{background:#f8fafc}.registrants-table small{color:var(--color-muted);display:block;margin-top:3px;font-size:.8rem}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-paid{background:#dcfce7;color:#15803d}.badge-free{background:#dbeafe;color:#1d4ed8}.badge-pending{background:#fef3c7;color:#92400e}.badge-unknown{background:var(--color-border-lt);color:var(--color-muted)}.empty-state{text-align:center;padding:48px 24px;color:var(--color-muted);background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);font-size:.9rem}.pagination{display:flex;align-items:center;gap:12px;padding:20px 0 4px;font-size:.85rem;color:var(--color-muted)}.pagination button{padding:7px 18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text);transition:background .15s,border-color .15s}.pagination button:hover:not(:disabled){background:var(--color-border-lt);border-color:#cbd5e1}.pagination button:disabled{opacity:.35;cursor:not-allowed}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 16px;background:linear-gradient(135deg,#0c1220,#111827 60%,#0f2717)}.login-card{background:#fff;padding:44px 40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 8px 40px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.15);text-align:center}.login-logo{margin-bottom:18px}.login-logo img{margin:0 auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.login-title{font-size:1.45rem!important;font-weight:700!important;color:#0f172a!important;margin:0 0 3px!important;line-height:1.25!important;letter-spacing:-.01em!important}.login-subtitle{font-size:.85rem;color:#64748b;margin:0 0 30px!important;font-weight:500}.login-form{gap:15px;text-align:left}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{font-size:.78rem;font-weight:600;color:#374151;letter-spacing:.02em}.login-field input{padding:11px 13px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#0f172a;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box;width:100%}.login-field input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px rgba(22,163,74,.14)}.login-error{color:#dc2626;font-size:.8rem;margin-top:-6px;margin-bottom:2px;display:block;font-weight:500}.login-remember{display:flex;align-items:center;gap:8px;font-size:.84rem;color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:-2px}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:#16a34a;cursor:pointer;flex-shrink:0}.login-btn{padding:13px;background:#111827;color:#fff;border:none;border-radius:9px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;margin-top:6px;width:100%;min-height:48px;letter-spacing:.01em}.login-btn:hover:not(:disabled){background:#1e293b;box-shadow:0 4px 12px rgba(0,0,0,.2)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-redirecting{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0;color:#64748b;font-size:.9rem;font-weight:500}.login-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#16a34a;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-content{padding:20px 16px}.dashboard-shell h2{font-size:1.25rem;margin-bottom:20px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:16px 14px}.stat-value{font-size:1.6rem}.dashboard-section{padding:16px}.filters-bar{display:flex;flex-direction:column;gap:14px;padding:14px}.filter-section-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.filter-group{width:100%}.filters-bar input[type=date],.filters-bar input[type=search],.filters-bar input[type=text],.filters-bar select{width:100%;min-width:unset;min-height:44px;font-size:1rem;padding:10px 12px}.btn-clear,.filter-loading{align-self:center;min-height:44px;width:100%}.pagination{justify-content:center}.pagination button{min-height:44px;padding:10px 20px}}@media (max-width:600px){.dashboard-nav{height:auto;padding:10px 16px;gap:0;row-gap:0}.nav-brand{flex:1 1;font-size:.875rem;line-height:36px}.nav-user>span{display:none}.nav-user{line-height:36px}.nav-links{order:3;width:100%;margin-right:0;border-top:1px solid rgba(255,255,255,.08);padding:6px 0;justify-content:flex-start}.nav-links a{flex:1 1;text-align:center;font-size:.8rem;padding:8px 4px;min-height:36px;display:flex;align-items:center;justify-content:center}.stat-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{grid-template-columns:1fr}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.registrants-table{font-size:.8rem;min-width:600px}.login-page{align-items:flex-start;padding:24px 16px;background:linear-gradient(160deg,#0c1220,#111827)}.login-card{padding:32px 22px;border-radius:14px}}