:root{--font-display:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-sans:"Onest", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-canvas:#090d16;--bg-surface:#111827;--bg-elevated:#1e293b;--bg-glass:#111827e0;--border-subtle:#ffffff14;--border-strong:#ffffff29;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-primary:#0284c7;--brand-primary-hover:#0369a1;--brand-accent:#38bdf8;--brand-emerald:#0d8a52;--brand-emerald-hover:#059669;--brand-amber:#d97706;--brand-danger:#dc2626;--color-primary:var(--brand-primary);--bg-card:var(--bg-surface);--bg-input:var(--bg-elevated);--border-color:var(--border-strong);--shadow-card:0 8px 24px -8px #00000073;--shadow-modal:0 25px 50px -12px #000000c7}[data-theme=light]{--bg-canvas:#f1f5f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-glass:#ffffffeb;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--brand-primary:#0284c7;--brand-primary-hover:#0369a1;--brand-accent:#0284c7;--brand-emerald:#0d8a52;--brand-emerald-hover:#059669;--brand-amber:#d97706;--brand-danger:#dc2626;--color-primary:var(--brand-primary);--bg-card:var(--bg-surface);--bg-input:var(--bg-elevated);--border-color:var(--border-strong);--shadow-card:0 4px 18px -4px #0f172a0f;--shadow-modal:0 20px 40px -12px #0f172a2e}[data-palette=sky]{--brand-primary:#0072b8;--brand-primary-hover:#005a92;--brand-accent:#38bdf8;--color-primary:#0072b8}[data-theme=light][data-palette=sky]{--brand-accent:#0072b8}[data-palette=emerald]{--brand-primary:#0d8a52;--brand-primary-hover:#086a3e;--brand-accent:#34d399;--color-primary:#0d8a52}[data-theme=light][data-palette=emerald]{--brand-accent:#0d8a52}[data-palette=royal]{--brand-primary:#1d4ed8;--brand-primary-hover:#1e40af;--brand-accent:#60a5fa;--color-primary:#1d4ed8}[data-theme=light][data-palette=royal]{--brand-accent:#1d4ed8}[data-palette=crimson]{--brand-primary:#dc2626;--brand-primary-hover:#b91c1c;--brand-accent:#fb7185;--color-primary:#dc2626}[data-theme=light][data-palette=crimson]{--brand-accent:#dc2626}[data-palette=amber],[data-palette=sunset]{--brand-primary:#d97706;--brand-primary-hover:#b45309;--brand-accent:#fbbf24;--color-primary:#d97706}[data-theme=light][data-palette=amber],[data-theme=light][data-palette=sunset]{--brand-accent:#d97706}[data-palette=purple]{--brand-primary:#7c3aed;--brand-primary-hover:#6d28d9;--brand-accent:#a78bfa;--color-primary:#7c3aed}[data-theme=light][data-palette=purple]{--brand-accent:#7c3aed}[data-palette=ocean]{--brand-primary:#0f766e;--brand-primary-hover:#115e59;--brand-accent:#2dd4bf;--color-primary:#0f766e}[data-theme=light][data-palette=ocean]{--brand-accent:#0f766e}[data-palette=flame]{--brand-primary:#ea580c;--brand-primary-hover:#c2410c;--brand-accent:#fb923c;--color-primary:#ea580c}[data-theme=light][data-palette=flame]{--brand-accent:#ea580c}[data-palette=slate]{--brand-primary:#334155;--brand-primary-hover:#1e293b;--brand-accent:#94a3b8;--color-primary:#334155}[data-theme=light][data-palette=slate]{--brand-accent:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.impersonation-banner{color:#fffbeb;z-index:100;background-color:#b45309;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:.82rem;font-weight:600;display:flex}.club-shell{min-height:100vh;display:flex}.club-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:264px;height:100vh;transition:width .2s,transform .25s;display:flex;position:sticky;top:0}.club-sidebar.collapsed{width:78px}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.club-sidebar.collapsed .sidebar-header{justify-content:center;padding:18px 10px 14px}.club-badge-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);word-break:break-word;border-radius:12px;margin:14px 14px 8px;padding:12px 14px;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.club-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{color:var(--brand-primary);background:#0284c71f;border-color:#0284c747}[data-theme=dark] .nav-item.active{color:var(--brand-accent)}.sidebar-footer{border-top:1px solid var(--border-subtle);word-break:break-all;flex-direction:column;gap:10px;padding:14px;display:flex;overflow:hidden}.club-main{flex-direction:column;flex:1;min-width:0;display:flex}.club-topbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.club-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:26px 28px}.mobile-bottom-nav{display:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.surface-card,.card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;padding:20px}.kpi-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.kpi-value{font-family:var(--font-display);color:var(--text-primary);margin-top:2px;font-size:1.55rem;font-weight:800}.kpi-sub{color:var(--text-muted);font-size:.76rem}.empty-state{text-align:center;color:var(--text-secondary);padding:36px 20px;font-size:.88rem}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-emerald{background-color:var(--brand-emerald);color:#fff;border-color:var(--brand-emerald)}.btn-emerald:hover:not(:disabled){background-color:var(--brand-emerald-hover);border-color:var(--brand-emerald-hover)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:#94a3b829}.btn-danger{color:#f87171;background-color:#dc26261f;border-color:#dc26264d}.btn-danger:hover:not(:disabled){background-color:#dc262638}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-elevated);color:var(--text-primary)}.btn-sm{border-radius:8px;padding:6px 11px;font-size:.79rem}.custom-tooltip-wrap{display:inline-flex;position:relative}.custom-tooltip-wrap:after{content:attr(data-tooltip);color:#f8fafc;white-space:nowrap;pointer-events:none;z-index:400;background:#0f172a;border:1px solid #38bdf859;border-radius:7px;padding:5px 10px;font-size:.73rem;font-weight:600;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000073}.custom-tooltip-wrap:hover:after{display:block}td:last-child .custom-tooltip-wrap:after{left:auto;right:0;transform:none}.popup-selector-trigger{border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;font-size:.88rem;transition:border-color .15s;display:flex}.popup-selector-trigger:hover:not(:disabled){border-color:var(--brand-accent)}.popup-option-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);width:100%;color:var(--text-primary);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;transition:all .14s;display:flex}.popup-option-card:hover{border-color:var(--brand-accent);background:#0284c714}.popup-option-card.selected{border-color:var(--brand-accent);background:#0284c726}.chip-group{flex-wrap:wrap;gap:7px;display:flex}.chip-btn{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.79rem;font-weight:600;transition:all .14s;display:inline-flex}.chip-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--brand-accent)}.chip-btn.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.wizard-steps-bar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;display:grid}.wizard-step-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.wizard-step-tab.active{background-color:var(--brand-primary);color:#fff}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-emerald,.badge-success{color:#10b981;background:#10b98124;border:1px solid #10b9814d}[data-theme=light] .badge-emerald,[data-theme=light] .badge-success{color:#047857;background:#10b9811f}.badge-sky,.badge-info{color:#38bdf8;background:#0284c724;border:1px solid #38bdf84d}[data-theme=light] .badge-sky,[data-theme=light] .badge-info{color:#0369a1;background:#0284c71a;border-color:#0284c740}.badge-amber,.badge-warning{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b4d}[data-theme=light] .badge-amber,[data-theme=light] .badge-warning{color:#b45309;background:#f59e0b1f}.badge-danger{color:#f87171;background:#ef444424;border:1px solid #ef44444d}[data-theme=light] .badge-danger{color:#dc2626}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#94a3b824}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);font-size:.79rem;font-weight:600}.input-field,.select-field,.textarea-field,.form-input,.form-select,.form-textarea{border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:10px;outline:none;padding:9px 13px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.input-field:focus,.select-field:focus,.textarea-field:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #38bdf826}.form-grid,.form-grid-2{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.sub-tabs{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:11px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.sub-tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.sub-tab-btn.active{background-color:var(--brand-primary);color:#fff}.calendar-board{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.calendar-weekdays-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekday-cell{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:center;border-right:1px solid var(--border-subtle);padding:10px 12px;font-size:.74rem;font-weight:700}.calendar-weekday-cell:last-child{border-right:none}.calendar-days-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-day-cell{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-direction:column;gap:6px;min-height:135px;padding:8px;transition:background-color .14s;display:flex}.calendar-day-cell:nth-child(7n){border-right:none}.calendar-day-cell.outside-month{background:var(--bg-elevated);opacity:.55}.calendar-day-cell.is-today{background:#0284c70f}.calendar-day-top,.calendar-day-header{justify-content:space-between;align-items:center;display:flex}.calendar-day-sessions{flex-direction:column;gap:6px;display:flex}.calendar-day-number{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:inline-flex}.calendar-day-cell.is-today .calendar-day-number{background-color:var(--brand-primary);color:#fff}.calendar-session-card{background:var(--bg-elevated);border-left:3px solid var(--brand-primary);border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;transition:transform .12s,border-color .12s;display:flex}.calendar-session-card:hover{border-color:var(--brand-accent);transform:translateY(-1px)}.calendar-session-card.completed,.calendar-session-card.status-completed{border-left-color:#10b981}.calendar-session-card.cancelled,.calendar-session-card.status-cancelled{opacity:.65;border-left-color:#ef4444}.calendar-session-card.reschedule-pending,.calendar-session-card.status-in-progress{border-left-color:#f59e0b}.calendar-session-card.status-scheduled{border-left-color:#0284c7}.calendar-session-time{color:var(--brand-accent);justify-content:space-between;align-items:center;gap:4px;font-size:.72rem;font-weight:800;display:flex}.calendar-session-cat{color:var(--text-primary);font-size:.78rem;font-weight:700;line-height:1.25}.calendar-session-meta{color:var(--text-secondary);font-size:.7rem;line-height:1.2}.table-wrap,.table-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;width:100%;overflow-x:visible}.data-table,.table-container table{table-layout:auto;border-collapse:collapse;text-align:left;width:100%}.data-table th,.table-container th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);white-space:nowrap;padding:10px 12px;font-size:.72rem;font-weight:700}.data-table td,.table-container td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;word-break:break-word;padding:11px 12px;font-size:.84rem}.data-table tr:last-child td,.table-container tr:last-child td{border-bottom:none}.data-table tbody tr:hover,.table-container tbody tr:hover{background:#38bdf808}.mobile-cards-list{flex-direction:column;gap:12px;display:none}.mobile-data-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.admin-modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:250;background:#05080fc7;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-modal-card,.modal-content{background:var(--bg-surface);border:1px solid var(--border-strong);width:100%;max-width:680px;max-height:92vh;box-shadow:var(--shadow-modal);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.modal-body{flex-direction:column;gap:14px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.auth-wrapper{background-color:var(--bg-canvas);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-strong);width:100%;max-width:480px;box-shadow:var(--shadow-modal);border-radius:18px;padding:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.club-sidebar{z-index:150;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:264px!important}.club-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:140;background:#0009;position:fixed;inset:0}.club-topbar{padding:0 16px}.club-content{padding:18px 14px 96px}.desktop-table-only{display:none}.mobile-cards-list{display:flex}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.calendar-weekdays-header{display:none}.calendar-days-grid{grid-template-columns:1fr}.calendar-day-cell.outside-month{display:none}.admin-modal-overlay,.modal-backdrop{align-items:flex-end;padding:0}.admin-modal-card,.modal-content{border-radius:20px 20px 0 0;max-height:92vh;padding:20px 16px 28px}.mobile-bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border-strong);z-index:90;justify-content:space-around;align-items:center;height:68px;padding:0 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 8px;font-size:.68rem;font-weight:600;display:flex}.mobile-nav-btn.active{color:var(--brand-accent)}}@keyframes cloobySkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-box{background:linear-gradient(90deg,#94a3b81a 25%,#94a3b838 50%,#94a3b81a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite cloobySkeletonShimmer;display:block}[data-theme=light] .skeleton-box{background:linear-gradient(90deg,#64748b1c 25%,#64748b38 50%,#64748b1c 75%) 0 0/200% 100%}@keyframes cloobySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:1s linear infinite cloobySpin}