.layout{width:100%;max-width:100vw;height:100%;min-height:100dvh;background-color:var(--bg,#f8fafc);min-height:-webkit-fill-available;display:flex;position:relative;overflow-x:hidden}.mobile-header{background:var(--bg-secondary,#fff);height:60px;color:var(--text,#0f172a);z-index:100;border-bottom:1px solid var(--border,#e2e8f0);align-items:center;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px rgba(0,0,0,.03)}.menu-toggle{color:var(--text,#1e293b);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.menu-toggle:hover{background:var(--bg,#f1f5f9);color:var(--primary,#2563eb)}.mobile-logo{align-items:center;gap:.6rem;margin-left:.5rem;display:flex}.mobile-brand-badge{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 5px rgba(37,99,235,.08)}.mobile-logo-text{color:var(--text,#0f172a);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.fab-menu{background:var(--primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s,box-shadow .2s,background-color .2s;display:none;left:24px;box-shadow:0 4px 14px rgba(37,99,235,.35)}.fab-menu:hover{background:var(--primary-dark,#1d4ed8);box-shadow:0 6px 18px rgba(37,99,235,.45)}.fab-menu:active{transform:scale(.94);box-shadow:0 2px 8px rgba(37,99,235,.25)}.sidebar{background:var(--bg-secondary,#fff);border-right:1px solid var(--border,#e2e8f0);width:260px;max-width:260px;color:var(--text,#0f172a);height:100dvh;z-index:90;-webkit-overflow-scrolling:touch;flex-direction:column;height:-webkit-fill-available;display:flex;position:fixed;top:0;left:0;overflow-x:hidden;overflow-y:auto;box-shadow:1px 0 4px rgba(0,0,0,.02)}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar-header{border-bottom:1px solid var(--border,#f1f5f9);flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1.15rem 1rem;display:flex}.sidebar-brand-badge{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.sidebar-brand-info{flex-direction:column;min-width:0;display:flex}.sidebar-brand-title{color:var(--text,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.6875rem;font-weight:600}.nav{flex-direction:column;flex:1;gap:2px;padding:.75rem .65rem 1rem;display:flex}.nav-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;padding:12px 10px 4px;font-size:.6875rem;font-weight:700}.nav-section-label:first-child{margin-top:0;padding-top:4px}.nav-link{color:var(--text-secondary,#64748b);border-radius:9px;align-items:center;gap:.75rem;min-width:0;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link svg{color:#94a3b8;flex-shrink:0;transition:color .15s,transform .15s}.nav-link:hover{background:var(--bg,#f1f5f9);color:var(--text,#0f172a)}.nav-link:hover svg{color:var(--primary,#2563eb)}.nav-link.active{color:var(--primary,#2563eb);background:#eff6ff;font-weight:600}.nav-link.active svg{color:var(--primary,#2563eb)}.sidebar-footer{border-top:1px solid var(--border,#f1f5f9);background:var(--bg-secondary,#fff);flex-shrink:0;padding:.85rem .85rem 1rem}.sidebar-user-card{background:var(--bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(37,99,235,.2)}.sidebar-user-details{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{color:var(--text,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-size:.825rem;font-weight:600;line-height:1.25;overflow:hidden}.sidebar-user-role-badge{color:var(--text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.7rem;font-weight:500;overflow:hidden}.sidebar-logout-btn{width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:1px solid transparent;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-logout-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.sidebar-role-switch-wrap{margin-top:.5rem;position:relative}.sidebar-role-trigger{border:1px solid var(--border,#e2e8f0);width:100%;color:var(--text,#334155);cursor:pointer;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.sidebar-role-trigger:hover{background:var(--bg,#f8fafc);color:var(--text,#0f172a);border-color:#cbd5e1}.sidebar-role-chevron{color:var(--text-secondary,#94a3b8);transition:transform .2s}.sidebar-role-chevron.open{transform:rotate(180deg)}.sidebar-role-backdrop{z-index:1000;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-role-popover{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);z-index:1001;border-radius:10px;padding:.4rem;animation:.15s ease-out slideUp;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.sidebar-role-popover-title{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.04em;padding:.35rem .5rem .25rem;font-size:.6875rem;font-weight:700}.sidebar-role-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .6rem;transition:background-color .15s;display:flex}.sidebar-role-option:hover:not(:disabled){background:var(--bg,#f1f5f9)}.sidebar-role-option.is-active{cursor:default;background:#eff6ff}.sidebar-role-option-info{flex-direction:column;min-width:0;display:flex}.sidebar-role-option-name{color:var(--text,#0f172a);font-size:.8rem;font-weight:500}.sidebar-role-option.is-active .sidebar-role-option-name{color:var(--primary,#2563eb);font-weight:600}.sidebar-role-option-club{color:var(--text-secondary,#64748b);font-size:.7rem}.sidebar-role-option-check{color:var(--primary,#2563eb);flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-club-filter-card{background:var(--bg,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-direction:column;flex-shrink:0;gap:.45rem;margin:.85rem .85rem .35rem;padding:.65rem .75rem;display:flex}.club-filter-head{justify-content:space-between;align-items:center;display:flex}.club-filter-head-title{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:700;display:flex}.club-filter-head-reset{color:var(--danger,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .35rem;font-size:.725rem;font-weight:500;transition:all .15s;display:flex}.club-filter-head-reset:hover{color:#dc2626;background:#fee2e2}.club-filter-body{width:100%;position:relative}.club-filter-trigger-btn{width:100%;color:var(--text,#1e293b);cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.club-filter-trigger-btn:hover{background:var(--bg,#f8fafc);border-color:#94a3b8}.club-filter-trigger-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.club-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:.4rem;overflow:hidden}.club-trigger-chevron{color:var(--text-secondary,#94a3b8);flex-shrink:0;transition:transform .2s}.club-trigger-chevron.open{transform:rotate(180deg)}.club-filter-popover-backdrop{z-index:1000;position:fixed;top:0;bottom:0;left:0;right:0}.club-filter-popover-menu{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);z-index:1001;border-radius:12px;min-width:210px;padding:.4rem;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.club-popover-heading{text-transform:uppercase;color:var(--text-secondary,#94a3b8);letter-spacing:.04em;padding:.35rem .55rem .25rem;font-size:.6875rem;font-weight:700}.club-popover-item{width:100%;color:var(--text,#334155);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;padding:.5rem .65rem;font-size:.8125rem;transition:all .15s;display:flex}.club-popover-item:hover{background:var(--bg,#f1f5f9);color:var(--text,#0f172a)}.club-popover-item.is-selected{color:#1d4ed8;background:#eff6ff;font-weight:600}.club-popover-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-popover-check{color:var(--primary,#2563eb);flex-shrink:0;margin-left:.5rem}.club-popover-divider{background:var(--border,#f1f5f9);height:1px;margin:.35rem 0}.club-popover-list{max-height:220px;overflow-y:auto}.club-popover-empty{text-align:center;color:var(--text-secondary,#94a3b8);padding:.75rem;font-size:.75rem}.mobile-club-filter-btn{background:var(--bg,#f1f5f9);border:1px solid var(--border,#e2e8f0);color:var(--text,#334155);cursor:pointer;white-space:nowrap;border-radius:16px;align-items:center;gap:.35rem;max-width:150px;margin-left:auto;padding:.35rem .65rem;font-size:.75rem;transition:all .15s;display:flex}.mobile-club-filter-btn.is-active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.mobile-club-filter-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.superadmin-filter-bar{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.65rem 1rem;animation:.2s ease-in-out fadeIn;display:flex;box-shadow:0 1px 3px rgba(37,99,235,.08)}.filter-bar-info{align-items:center;gap:.6rem;font-size:.875rem;display:flex}.filter-bar-icon{color:#2563eb;flex-shrink:0}.filter-bar-text strong{color:#1e3a8a;font-weight:700}.filter-bar-clear-btn{color:#1e40af;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfdbfe;border-radius:7px;flex-shrink:0;align-items:center;gap:.35rem;margin-left:.75rem;padding:.3rem .65rem;font-size:.775rem;font-weight:500;transition:all .15s;display:flex}.filter-bar-clear-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.main-content{background:var(--bg,#f8fafc);width:calc(100% - 260px);max-width:100%;min-height:100dvh;-webkit-overflow-scrolling:touch;flex:1;min-height:-webkit-fill-available;margin-left:260px;padding:2rem;position:relative;overflow-x:hidden;overflow-y:auto}@media (max-width:1024px){.sidebar{width:220px}.main-content{width:calc(100% - 220px);margin-left:220px;padding:1.5rem}}.mobile-overlay{display:none}@media (max-width:768px){.layout{position:static!important;overflow:visible!important}.mobile-header,.fab-menu{display:flex}.mobile-overlay{z-index:80;will-change:opacity;background:rgba(15,23,42,.45);animation:.2s ease-in-out fadeIn;display:block;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:150;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:4px 0 24px rgba(0,0,0,.12)}.sidebar.mobile-open{transform:translate(0,0)}.sidebar-header{padding-top:1.25rem}.main-content{width:100%;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px) + 40px);padding-bottom:calc(1rem + constant(safe-area-inset-bottom) + 40px);margin-top:60px;margin-left:0;min-height:auto!important;position:static!important;overflow:visible!important}}@media (max-width:480px){.sidebar{width:82%;max-width:290px}.main-content{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px) + 40px);padding-bottom:calc(.75rem + constant(safe-area-inset-bottom) + 40px);width:100%;max-width:100vw;position:static!important;overflow:visible!important}.fab-menu{width:50px;height:50px;left:16px}.fab-menu svg{width:22px;height:22px}}.mobile-club-sheet-overlay{z-index:2000}.mobile-club-sheet-content{flex-direction:column;max-height:80vh;display:flex}.mobile-club-sheet-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.mobile-club-sheet-title{color:var(--text,#0f172a);align-items:center;gap:.5rem;display:flex}.mobile-club-sheet-desc{color:var(--text-secondary,#64748b);margin-bottom:1rem;font-size:.8rem}.mobile-club-sheet-list{flex-direction:column;gap:.4rem;max-height:60vh;display:flex;overflow-y:auto}.mobile-club-sheet-item{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text,#0f172a);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:.9rem;transition:all .15s;display:flex}.mobile-club-sheet-item.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:500}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:.75rem;width:calc(100% - 3rem);max-width:420px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-item{color:#f8fafc;pointer-events:auto;background-color:#1e293b;border:1px solid #334155;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.4;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.3)}.toast-item.toast-leaving{animation:.2s forwards toastSlideOut}.toast-icon{flex-shrink:0;margin-top:.1rem}.toast-content{word-break:break-word;flex:1}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.125rem;transition:color .15s,background-color .15s;display:flex}.toast-close:hover{color:#f8fafc;background-color:rgba(255,255,255,.1)}.toast-item.toast-success{border-left:4px solid #10b981}.toast-item.toast-success .toast-icon{color:#10b981}.toast-item.toast-error{border-left:4px solid #ef4444}.toast-item.toast-error .toast-icon{color:#ef4444}.toast-item.toast-warning{border-left:4px solid #f59e0b}.toast-item.toast-warning .toast-icon{color:#f59e0b}.toast-item.toast-info{border-left:4px solid #3b82f6}.toast-item.toast-info .toast-icon{color:#3b82f6}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@media (max-width:640px){.toast-container{width:auto;max-width:none;top:1rem;left:1rem;right:1rem}}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{-webkit-backdrop-filter:none!important}*{box-sizing:border-box;max-width:100%}img,video,iframe,embed,object{max-width:100%;height:auto}@supports (-webkit-touch-callout:none){:not(html):not(body):not(#root):not(.layout):not(.main-content):not([class^=fab-]):not([class*=\ fab-]){contain:layout style}.modal-overlay,.modal-content{will-change:opacity, transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.tab-content,.modal-body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;transform:translateZ(0)}html,body,#root,.layout,.main-content{contain:none!important;transform:none!important}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--bg-secondary:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0}html{width:100%;height:100%;height:100dvh;overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:-webkit-fill-available;position:relative;overflow-x:hidden;transform:translateZ(0)}body{width:100%;height:100%;height:100dvh;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);height:-webkit-fill-available;color:var(--text);touch-action:pan-y pinch-zoom;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;overflow-x:hidden;overflow-y:auto;transform:translateZ(0)}#root{width:100%;min-height:100%;min-height:100dvh;-webkit-overflow-scrolling:touch;min-height:-webkit-fill-available;position:relative;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--bg-secondary);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:1.5rem;overflow-x:clip;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.form-group{margin-bottom:1rem}.form-label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none}.form-select{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem}.form-error{color:var(--danger);margin-top:.25rem;font-size:.75rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}.table th{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.table tr:hover{background:var(--bg)}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-warning-orange{color:#9a3412;background:#fed7aa}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-primary{color:#3730a3;background:#e0e7ff}.alert{border-radius:6px;margin-bottom:1rem;padding:1rem}.alert-success{color:#166534;background:#dcfce7;border:1px solid #86efac}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.alert-info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid{box-sizing:border-box;gap:1.5rem;width:100%;max-width:100%;display:grid;overflow-x:hidden}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{box-sizing:border-box;grid-template-columns:repeat(4,1fr);width:100%;max-width:100%}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){html{position:static!important;overflow-x:clip!important;overflow-y:visible!important;transform:none!important}body{-webkit-overflow-scrolling:touch!important;position:static!important;overflow-x:clip!important;overflow-y:scroll!important;transform:none!important}#root{position:static!important;overflow:visible!important}.card,.page-container,.page-header,.athletes-table-wrapper,.groups-grid,.users-cards-wrapper,.users-cards-scrollable,[class*=-table-wrapper],[class*=-cards-wrapper],[class*=-container],[class*=-header]:not(.mobile-header){contain:none!important;position:static!important;transform:none!important}.card,.page-container,[class*=-table-wrapper],[class*=-cards-wrapper],[class*=-container]{overflow:visible!important}.main-content>div,.main-content>section{contain:none!important;position:static!important;overflow:visible!important;transform:none!important}.main-content :not(.modal-overlay):not(.modal-content):not(.modal-overlay *):not(.modal-content *){transform:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.grid{gap:1rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.fab-menu,.fab-add-athlete,.fab-add-club,.fab-add-group,.fab-add-user,.fab-add-membership,.fab-add-type,.fab-add-event,[class^=fab-],[class*=\ fab-]{z-index:70!important;top:auto!important;bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;bottom:calc(24px + constant(safe-area-inset-bottom))!important;contain:none!important;will-change:auto!important;margin:0!important;position:fixed!important;transform:none!important}@media (max-width:480px){.fab-menu,.fab-add-athlete,.fab-add-club,.fab-add-group,.fab-add-user,.fab-add-membership,.fab-add-type,.fab-add-event,[class^=fab-],[class*=\ fab-]{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;bottom:calc(16px + constant(safe-area-inset-bottom))!important}}@supports (-webkit-touch-callout:none){*{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.main-content,.main-content>*,.main-content *{contain:none!important;transform:none!important}.main-content>div,.main-content>section,.page-container,.card,[class*=-container],[class*=-wrapper]{position:static!important;overflow:visible!important}.fab-menu,.fab-add-athlete,.fab-add-club,.fab-add-group,.fab-add-user,.fab-add-membership,.fab-add-type,.fab-add-event,[class^=fab-],[class*=\ fab-]{z-index:2147483647!important;isolation:auto!important;position:fixed!important;left:auto!important;transform:none!important}}.memberships-count-pill{background:var(--bg-secondary,#f1f5f9);min-width:24px;height:24px;color:var(--text-secondary,#64748b);border:1px solid var(--border,#e2e8f0);border-radius:9999px;justify-content:center;align-items:center;padding:0 7px;font-size:.775rem;font-weight:700;display:inline-flex}.sort-sheet-overlay{z-index:1000;will-change:opacity;background:rgba(15,23,42,.5);justify-content:center;align-items:flex-end;animation:.2s ease-out sortFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateZ(0)}@keyframes sortFadeIn{0%{opacity:0}to{opacity:1}}.sort-sheet-content{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);width:100%;max-width:540px;padding:.65rem 1rem calc(1.2rem + env(safe-area-inset-bottom,12px)) 1rem;will-change:transform;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;max-height:85vh;animation:.28s cubic-bezier(.16,1,.3,1) sortSlideUp;display:flex;position:relative;transform:translateZ(0);box-shadow:0 -10px 30px rgba(0,0,0,.15)}@keyframes sortSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sort-sheet-handle{background:#cbd5e1;border-radius:9999px;flex-shrink:0;width:38px;height:4px;margin:.2rem auto .65rem}.sort-sheet-header{border-bottom:1px solid var(--border,#f1f5f9);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.sort-sheet-title-group{flex-direction:column;gap:2px;display:flex}.sort-sheet-title{color:var(--text,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.sort-sheet-subtitle{color:var(--text-secondary,#64748b);font-size:.775rem}.sort-sheet-close-btn{background:var(--bg-secondary,#f1f5f9);width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.sort-sheet-close-btn:hover{color:var(--text,#0f172a);background:var(--border,#e2e8f0)}.sort-sheet-close-btn:active{transform:scale(.92)}.sort-sheet-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.4rem;max-height:calc(85vh - 130px);padding-bottom:.5rem;display:flex;overflow-y:auto}.sort-sheet-item{background:var(--card-bg,#fff);border:1px solid var(--border,#f1f5f9);cursor:pointer;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:space-between;align-items:center;padding:.7rem .85rem;transition:all .12s;display:flex}.sort-sheet-item:hover{background:var(--bg-secondary,#f8fafc);border-color:var(--border,#e2e8f0)}.sort-sheet-item:active{background:var(--bg,#f1f5f9);transform:scale(.99)}.sort-sheet-item.active{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.35)}.sort-sheet-item-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sort-sheet-item-texts{flex-direction:column;gap:2px;min-width:0;display:flex}.sort-sheet-item-label{color:var(--text,#0f172a);font-size:.875rem;font-weight:500;line-height:1.25}.sort-sheet-item.active .sort-sheet-item-label{color:var(--primary,#2563eb);font-weight:700}.sort-sheet-item-desc{color:var(--text-secondary,#64748b);font-size:.725rem;line-height:1.2}.sort-sheet-check{background:var(--primary,#2563eb);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:.65rem;display:inline-flex;box-shadow:0 2px 6px rgba(37,99,235,.35)}.status-sheet-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-sheet-dot.dot-all{background:#94a3b8}.status-sheet-dot.dot-active{background:#22c55e}.status-sheet-dot.dot-expiring{background:#f59e0b}.status-sheet-dot.dot-expired{background:#ef4444}.status-sheet-dot.dot-used_up{background:#3b82f6}