:root{color-scheme:light;--pp-midnight: #003f53;--pp-bluegill: #007196;--pp-skyblue: #35afc8;--pp-pow: #ede70b;--pp-sweetpotato: #fbb218;--pp-yam: #dc7024;--bg-primary: #eef4f7;--bg-secondary: #ffffff;--bg-tertiary: #e2ecf1;--body-bg-image: none;--surface-01: rgba(0, 63, 83, .012);--surface-015: rgba(0, 63, 83, .02);--surface-02: rgba(0, 63, 83, .025);--surface-03: rgba(0, 63, 83, .035);--surface-04: rgba(0, 63, 83, .045);--surface-05: rgba(0, 63, 83, .055);--surface-06: rgba(0, 63, 83, .065);--surface-08: rgba(0, 63, 83, .08);--surface-10: rgba(0, 63, 83, .1);--surface-12: rgba(0, 63, 83, .12);--surface-15: rgba(0, 63, 83, .15);--surface-20: rgba(0, 63, 83, .2);--field-bg: #ffffff;--field-bg-focus: #ffffff;--well-bg: #f4f8fa;--text-strong: #08222c;--text-primary: #12303c;--text-secondary: #5b7280;--text-muted: #7f97a2;--text-inverse: #ffffff;--text-dark: #ffffff;--heading-color: var(--pp-midnight);--border-color: #d5e1e8;--border-subtle: rgba(0, 63, 83, .07);--border-strong: #b9cfda;--border-color-focus: rgba(0, 113, 150, .45);--accent-primary: var(--pp-bluegill);--accent-primary-hover: var(--pp-midnight);--on-accent-primary: #ffffff;--accent-primary-soft: var(--pp-skyblue);--accent-a04: rgba(0, 113, 150, .05);--accent-a05: rgba(0, 113, 150, .06);--accent-a06: rgba(0, 113, 150, .07);--accent-a08: rgba(0, 113, 150, .09);--accent-a10: rgba(0, 113, 150, .12);--accent-a15: rgba(0, 113, 150, .18);--accent-a20: rgba(0, 113, 150, .24);--accent-a25: rgba(0, 113, 150, .3);--accent-a30: rgba(0, 113, 150, .36);--accent-a40: rgba(0, 113, 150, .45);--accent-blue: var(--pp-bluegill);--accent-blue-hover: var(--pp-midnight);--accent-blue-a08: rgba(53, 175, 200, .14);--accent-blue-a15: rgba(53, 175, 200, .22);--accent-blue-a20: rgba(53, 175, 200, .3);--accent-lime: var(--accent-primary);--accent-lime-hover: var(--accent-primary-hover);--status-success: #0f7d5a;--status-success-bright: #12946a;--status-warning: #b0700c;--status-danger: #b3441a;--status-danger-hover: #932f0c;--status-info: var(--pp-bluegill);--status-success-a08: rgba(15, 125, 90, .1);--status-success-a15: rgba(15, 125, 90, .16);--status-success-a20: rgba(15, 125, 90, .24);--status-success-a30: rgba(15, 125, 90, .34);--status-warning-a08: rgba(176, 112, 12, .1);--status-warning-a15: rgba(176, 112, 12, .16);--status-warning-a20: rgba(176, 112, 12, .24);--status-warning-a30: rgba(176, 112, 12, .34);--status-danger-a08: rgba(179, 68, 26, .1);--status-danger-a15: rgba(179, 68, 26, .16);--status-danger-a20: rgba(179, 68, 26, .24);--status-danger-a25: rgba(179, 68, 26, .3);--status-danger-a30: rgba(179, 68, 26, .36);--glass-bg: #ffffff;--glass-border: #d5e1e8;--glass-shadow: 0 2px 8px rgba(0, 63, 83, .08);--glass-blur: none;--glass-hover-border: rgba(0, 113, 150, .4);--glass-hover-shadow: 0 10px 30px rgba(0, 63, 83, .18);--panel-bg: #ffffff;--panel-shadow: 0 14px 34px rgba(0, 63, 83, .16);--overlay-backdrop: rgba(0, 63, 83, .42);--overlay-backdrop-blur: blur(6px);--overlay-scrim: rgba(0, 63, 83, .32);--shadow-sm: 0 2px 8px rgba(0, 63, 83, .08);--shadow-md: 0 8px 22px rgba(0, 63, 83, .12);--shadow-lg: 0 10px 30px rgba(0, 63, 83, .18);--shadow-xl: 0 24px 60px rgba(0, 63, 83, .22);--shadow-modal: 0 30px 80px rgba(0, 63, 83, .28);--glow-accent: none;--glow-accent-sm: none;--glow-accent-soft: none;--glow-accent-focus: none;--glow-accent-strong: none;--glow-danger: none;--text-glow-accent: none;--text-glow-blue: none;--font-display: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-body: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--heading-weight: 700;--heading-tracking: -.01em;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--hover-lift: none;--hover-scale: none;--muted-a15: rgba(0, 63, 83, .09);--muted-a20: rgba(0, 63, 83, .13);--border-hairline: #e6eef2;--border-soft: #dbe6ec;--border-medium: #d5e1e8;--status-success-a05: rgba(15, 125, 90, .06);--status-success-a10: rgba(15, 125, 90, .12);--status-danger-a05: rgba(179, 68, 26, .06);--status-danger-a06: rgba(179, 68, 26, .08);--status-danger-a10: rgba(179, 68, 26, .12);--on-status-danger: #ffffff;--nav-tray-bg: rgba(0, 63, 83, .045);--toast-bg: #ffffff;--overlay-confirm: rgba(238, 244, 247, .96);--shadow-toast: 0 10px 30px rgba(0, 63, 83, .16);--shadow-panel: 0 10px 40px rgba(0, 63, 83, .18);--text-glow-accent-md: none;--text-glow-accent-lg: none;--glow-accent-inset: none;--select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");--c-accent: 0 113 150;--c-accent-soft: 53 175 200;--c-blue: 53 175 200;--c-success: 15 125 90;--c-warning: 176 112 12;--c-danger: 179 68 26;--c-muted: 91 114 128;--c-surface: 0 63 83;--c-ink: 226 236 241;--role-club: #7c3aed;--c-role-club: 124 58 237;--shadow-color-soft: rgba(0, 63, 83, .08);--shadow-color: rgba(0, 63, 83, .14);--shadow-color-strong: rgba(0, 63, 83, .22);--auth-accent-bar: var(--pp-sweetpotato);--auth-bg-image: linear-gradient(160deg, var(--pp-midnight) 0%, var(--pp-bluegill) 100%)}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-tertiary: #1e2942;--body-bg-image: radial-gradient(at 0% 0%, rgba(56, 189, 248, .08) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(197, 248, 42, .05) 0px, transparent 50%);--surface-01: rgba(255, 255, 255, .01);--surface-015: rgba(255, 255, 255, .015);--surface-02: rgba(255, 255, 255, .02);--surface-03: rgba(255, 255, 255, .03);--surface-04: rgba(255, 255, 255, .04);--surface-05: rgba(255, 255, 255, .05);--surface-06: rgba(255, 255, 255, .06);--surface-08: rgba(255, 255, 255, .08);--surface-10: rgba(255, 255, 255, .1);--surface-12: rgba(255, 255, 255, .12);--surface-15: rgba(255, 255, 255, .15);--surface-20: rgba(255, 255, 255, .2);--field-bg: rgba(11, 15, 25, .6);--field-bg-focus: rgba(11, 15, 25, .85);--well-bg: rgba(5, 7, 18, .5);--text-strong: #ffffff;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--text-dark: #0f172a;--heading-color: var(--text-primary);--border-color: rgba(148, 163, 184, .12);--border-subtle: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .2);--border-color-focus: rgba(197, 248, 42, .4);--accent-primary: #c5f82a;--accent-primary-hover: #b3e21e;--on-accent-primary: #0f172a;--accent-primary-soft: #a3e635;--accent-a04: rgba(197, 248, 42, .04);--accent-a05: rgba(197, 248, 42, .05);--accent-a06: rgba(197, 248, 42, .06);--accent-a08: rgba(197, 248, 42, .08);--accent-a10: rgba(197, 248, 42, .1);--accent-a15: rgba(197, 248, 42, .15);--accent-a20: rgba(197, 248, 42, .2);--accent-a25: rgba(197, 248, 42, .25);--accent-a30: rgba(197, 248, 42, .3);--accent-a40: rgba(197, 248, 42, .4);--accent-blue: #38bdf8;--accent-blue-hover: #0ea5e9;--accent-blue-a08: rgba(56, 189, 248, .08);--accent-blue-a15: rgba(56, 189, 248, .15);--accent-blue-a20: rgba(56, 189, 248, .2);--status-success: #10b981;--status-success-bright: #22c55e;--status-warning: #f59e0b;--status-danger: #ef4444;--status-danger-hover: #dc2626;--status-info: #38bdf8;--status-success-a08: rgba(16, 185, 129, .08);--status-success-a15: rgba(16, 185, 129, .15);--status-success-a20: rgba(16, 185, 129, .2);--status-success-a30: rgba(16, 185, 129, .3);--status-warning-a08: rgba(245, 158, 11, .08);--status-warning-a15: rgba(245, 158, 11, .15);--status-warning-a20: rgba(245, 158, 11, .2);--status-warning-a30: rgba(245, 158, 11, .3);--status-danger-a08: rgba(239, 68, 68, .08);--status-danger-a15: rgba(239, 68, 68, .15);--status-danger-a20: rgba(239, 68, 68, .2);--status-danger-a25: rgba(239, 68, 68, .25);--status-danger-a30: rgba(239, 68, 68, .3);--glass-bg: rgba(19, 27, 46, .65);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px);--glass-hover-border: rgba(197, 248, 42, .15);--glass-hover-shadow: 0 12px 40px 0 rgba(0, 0, 0, .45);--panel-bg: rgba(11, 15, 25, .98);--panel-shadow: 0 20px 45px rgba(0, 0, 0, .55);--overlay-backdrop: rgba(5, 7, 18, .82);--overlay-backdrop-blur: blur(18px);--overlay-scrim: rgba(5, 8, 15, .8);--shadow-sm: 0 4px 15px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .5);--shadow-xl: 0 30px 75px rgba(0, 0, 0, .5);--shadow-modal: 0 45px 110px rgba(0, 0, 0, .7);--glow-accent: 0 0 15px rgba(197, 248, 42, .35);--glow-accent-sm: 0 0 10px rgba(197, 248, 42, .15);--glow-accent-soft: 0 0 20px rgba(197, 248, 42, .1);--glow-accent-focus: 0 0 10px rgba(197, 248, 42, .25);--glow-accent-strong: 0 8px 25px rgba(197, 248, 42, .35);--glow-danger: 0 0 15px rgba(239, 68, 68, .35);--text-glow-accent: 0 0 8px rgba(197, 248, 42, .15);--text-glow-blue: 0 0 8px rgba(56, 189, 248, .15);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading-weight: 700;--heading-tracking: -.02em;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--hover-lift: translateY(-2px);--hover-scale: scale(1.02);--muted-a15: rgba(100, 116, 139, .15);--muted-a20: rgba(100, 116, 139, .2);--border-hairline: rgba(255, 255, 255, .05);--border-soft: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .1);--status-success-a05: rgba(16, 185, 129, .05);--status-success-a10: rgba(16, 185, 129, .1);--status-danger-a05: rgba(239, 68, 68, .05);--status-danger-a06: rgba(239, 68, 68, .06);--status-danger-a10: rgba(239, 68, 68, .1);--on-status-danger: #f8fafc;--nav-tray-bg: rgba(19, 27, 46, .4);--toast-bg: rgba(19, 27, 46, .95);--overlay-confirm: rgba(13, 14, 18, .95);--shadow-toast: 0 10px 30px rgba(0, 0, 0, .5);--shadow-panel: 0 10px 40px rgba(0, 0, 0, .5);--text-glow-accent-md: 0 0 15px rgba(197, 248, 42, .25);--text-glow-accent-lg: 0 0 15px rgba(197, 248, 42, .3);--glow-accent-inset: inset 0 0 12px rgba(197, 248, 42, .04);--select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");--c-accent: 197 248 42;--c-accent-soft: 163 230 53;--c-blue: 56 189 248;--c-success: 16 185 129;--c-warning: 245 158 11;--c-danger: 239 68 68;--c-muted: 148 163 184;--c-surface: 255 255 255;--c-ink: 5 7 18;--role-club: #c084fc;--c-role-club: 192 132 252;--shadow-color-soft: rgba(0, 0, 0, .25);--shadow-color: rgba(0, 0, 0, .5);--shadow-color-strong: rgba(0, 0, 0, .7);--auth-accent-bar: transparent;--auth-bg-image: none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:var(--body-bg-image);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--heading-color)}a{color:var(--accent-blue);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-blue-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);padding:1.1rem 1.5rem;transition:var(--transition-normal)}.glass-card:hover{border-color:var(--glass-hover-border);box-shadow:var(--glass-hover-shadow);transform:var(--hover-lift)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.5rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:var(--on-accent-primary)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--glow-accent);transform:var(--hover-scale)}.btn-primary:disabled{background:var(--text-muted);color:var(--bg-primary);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary);transform:var(--hover-scale)}.btn-danger{background:var(--status-danger);color:var(--on-status-danger)}.btn-danger:hover{background:var(--status-danger-hover);box-shadow:var(--glow-danger);transform:var(--hover-scale)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-sm{padding:.4rem .85rem;font-size:.78rem}.btn-action{background:var(--surface-04);border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);padding:0;-webkit-user-select:none;user-select:none}.btn-action:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-a08);transform:var(--hover-scale)}.btn-action span{font-size:1.15rem!important}.btn-action-danger:hover{color:var(--status-danger);border-color:var(--status-danger);background:var(--status-danger-a08);transform:var(--hover-scale)}.btn-action-warning:hover{color:var(--status-warning);border-color:var(--status-warning);background:var(--status-warning-a08);transform:var(--hover-scale)}.form-group{margin-bottom:.85rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-display);font-weight:500;font-size:.9rem;color:var(--text-secondary)}.form-control{background:var(--field-bg);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-sm);outline:none;transition:var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-control:focus{border-color:var(--accent-primary);box-shadow:var(--glow-accent-sm);background:var(--field-bg-focus)}.form-control::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:var(--select-caret);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-active{background:var(--status-success-a15);color:var(--status-success);border:1px solid var(--status-success-a20)}.badge-upcoming{background:var(--accent-blue-a15);color:var(--accent-blue);border:1px solid var(--accent-blue-a20)}.badge-completed{background:var(--muted-a15);color:var(--text-secondary);border:1px solid var(--muted-a20)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.table-wrapper,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--border-hairline)}.app-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left;font-size:.88rem}.app-table th{background:var(--surface-02);padding:.8rem 1.25rem;color:var(--text-strong);font-weight:700;border-bottom:1px solid var(--border-soft);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem}.app-table td{padding:.9rem 1.25rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-secondary)}.app-table tr{transition:background .2s ease}.app-table tr:hover{background:var(--surface-015)}.app-table tr:last-child td{border-bottom:none}@media(max-width:640px){.table-collapsible:not(.table-expanded) .col-opt{display:none}.table-collapsible:not(.table-expanded) .app-table{min-width:0}}@media(max-width:640px){.standings-team-cell{font-size:.82rem!important}.standings-team-cell>div{gap:.5rem!important}}.app-table td .dupr-subtitle{display:none}@media(max-width:640px){.table-collapsible:not(.table-expanded) .app-table td .dupr-subtitle{display:inline-block;align-self:flex-start;margin-top:.25rem}}app-table-expand-toggle{display:none}@media(max-width:640px){app-table-expand-toggle{display:flex;justify-content:flex-end;margin-bottom:.5rem}.table-expand-toggle{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;background:transparent;border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);font-size:.72rem;font-weight:700;padding:.35rem .6rem;cursor:pointer;min-height:32px;transition:var(--transition-fast)}.table-expand-toggle:hover{color:var(--text-strong);background:var(--surface-03)}.table-expand-toggle .material-symbols-outlined{font-size:1rem}}.tab-frame{width:100%;max-width:100%;margin:0 auto}.tab-frame-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;flex-wrap:wrap}.tab-frame-title{display:flex;align-items:center;gap:1.25rem}.tab-frame-icon{font-size:2.5rem!important;color:var(--accent-primary)}.tab-frame-heading{font-size:1.5rem;font-weight:850;color:var(--text-strong);margin:0}.tab-frame-subtitle{font-size:.85rem;color:var(--text-secondary);margin:.15rem 0 0}.tab-frame-action{padding:.7rem 1.4rem!important;font-size:.82rem!important;font-weight:800!important;display:inline-flex;align-items:center;gap:.45rem;margin:0!important;white-space:nowrap}.tab-frame-action span{font-size:1.1rem}.tab-frame-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tab-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.tab-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.tab-section-heading{font-size:1.15rem;font-weight:800;color:var(--text-strong)}.tab-count-badge{background:var(--accent-a08);color:var(--accent-primary);border:1px solid var(--accent-a15);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.4rem 1rem;border-radius:var(--radius-full);white-space:nowrap}.tab-loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.25rem 2rem;text-align:center}.tab-loading-block p{font-size:.9rem;color:var(--text-secondary)}.tab-spinner{width:32px;height:32px;border:3px solid var(--accent-a10);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2.5rem 2rem;background:var(--surface-01);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.tab-empty-state .empty-icon{font-size:3.5rem!important;color:var(--text-muted);margin-bottom:.5rem}.tab-empty-state h4{font-size:1.25rem;font-weight:800;color:var(--text-strong)}.tab-empty-state p{font-size:.9rem;color:var(--text-secondary);max-width:380px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.tab-frame-header{flex-direction:column;align-items:flex-start;gap:1rem}.tab-frame-action{width:100%;justify-content:center}}@media(max-width:768px){:root,:root[data-theme=dark]{--radius-md: 12px}.app-container{flex-direction:column}.glass-card{padding:1rem}}.portal-dashboard-shell{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;margin:0 auto;padding:1.25rem 1.5rem}@media(max-width:768px){.portal-dashboard-shell{padding:1rem;gap:.85rem}}@media(max-width:640px){.portal-dashboard-shell{padding:.75rem}.glass-card{padding:.85rem}.app-table{font-size:.82rem}.app-table th{padding:.6rem .5rem}.app-table td{padding:.65rem .5rem}.app-table th:first-child,.app-table td:first-child{padding-left:.75rem}.app-table th:last-child,.app-table td:last-child{padding-right:.75rem}.app-table td .player-full-name,.app-table td.league-row-title-cell,.app-table td.team-row-cell,.app-table td.team-name-cell,.app-table td .club-player-name,.app-table td .player-name-text{font-size:.82rem}.app-table td .player-email-text,.app-table td .player-phone-text,.app-table td .club-email-text,.app-table td .club-phone-text,.app-table td .admin-email,.app-table td .pending-email,.app-table td .player-link-tag,.app-table td .club-team-tag{font-size:.78rem}.app-table td .dupr-id-badge,.app-table td .club-dupr-badge,.app-table td .dupr-badge,.app-table td .gender-badge,.app-table td .club-gender-tag{font-size:.75rem}}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 2rem!important;border-radius:var(--radius-md);position:relative;z-index:100;overflow:visible}@media(max-width:640px){.portal-header{padding:.6rem .9rem!important;gap:.75rem}}.portal-branding{display:flex;align-items:center;gap:1.15rem}.branding-logo{font-size:2.65rem;text-shadow:var(--text-glow-accent-lg)}.branding-titles{display:flex;flex-direction:column;gap:.15rem}.branding-main-title{font-size:1.35rem;font-weight:900;letter-spacing:-.02em;color:var(--text-strong)}.branding-sub-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.portal-user-actions{display:flex;align-items:center;gap:1.25rem}@media(max-width:640px){.branding-logo{font-size:1.8rem}.branding-main-title{font-size:.95rem}.branding-sub-title{font-size:.58rem}.portal-branding{gap:.7rem}}.user-greeting-pill{display:flex;align-items:center;gap:.55rem;background:var(--surface-03);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-full)}.greeting-icon{font-size:1.25rem;color:var(--text-secondary)}.greeting-text{font-size:.8rem;color:var(--text-secondary)}.user-menu-wrapper{position:relative}.user-chip-btn{cursor:pointer;font-family:inherit;transition:var(--transition-fast)}.user-chip-btn:hover{border-color:var(--border-strong);background:var(--surface-05)}.user-chip-btn.active{border-color:var(--accent-a30);background:var(--accent-a05)}.chevron-icon{font-size:1.05rem;color:var(--text-muted);transition:transform .2s ease}.user-chip-btn.active .chevron-icon{transform:rotate(180deg);color:var(--accent-primary)}@media(max-width:640px){.greeting-text{display:none}.user-greeting-pill{gap:.3rem;padding:.5rem .65rem}.greeting-icon{font-size:1.4rem}}.user-menu-backdrop{position:fixed;inset:0;z-index:50}.user-menu-dropdown{position:absolute;top:calc(100% + .55rem);left:0;min-width:220px;background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--panel-shadow);padding:.4rem;z-index:60;animation:fadeIn .15s ease-out}.user-menu-item{width:100%;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.user-menu-item:hover{background:var(--surface-04);color:var(--text-strong)}.user-menu-item.active{background:var(--accent-a06);color:var(--accent-primary)}.user-menu-item .material-symbols-outlined{font-size:1.2rem}.user-menu-divider{height:1px;background:var(--border-color);margin:.35rem .5rem}.user-menu-section-label{font-family:var(--font-display);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.45rem .85rem .25rem;margin:0}.user-menu-item-choice{justify-content:flex-start}.user-menu-check{margin-left:auto;font-size:1.05rem!important;color:var(--accent-primary)}.user-menu-item-danger{color:var(--status-danger)}.user-menu-item-danger:hover{background:var(--status-danger-a08);color:var(--status-danger)}.logout-btn-header{padding:.55rem 1.15rem!important;font-size:.8rem!important;font-weight:800!important;display:flex;align-items:center;gap:.45rem}.logout-btn-header span{font-size:1.05rem}.portal-navigation-tabs{display:flex;align-items:center;gap:.75rem;padding:.5rem!important;border-radius:var(--radius-md);background:var(--nav-tray-bg)!important}.nav-tab-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);font-weight:750;font-size:.88rem;cursor:pointer;transition:var(--transition-fast)}.nav-tab-btn:hover{color:var(--text-strong);background:var(--surface-03)}.nav-tab-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tab-icon{font-size:1.25rem;transition:var(--transition-fast)}.active-nav-tab{background:var(--accent-a06)!important;border-color:var(--accent-a25)!important;color:var(--accent-primary)!important;box-shadow:var(--glow-accent-inset)}.active-nav-tab .tab-icon{color:var(--accent-primary);transform:scale(1.08)}@media(max-width:640px){.tab-label{display:none}.nav-tab-btn{padding:.7rem .5rem;gap:0;min-height:44px}.tab-icon{font-size:1.35rem}}.score-lock-icon{font-size:1.05rem;flex-shrink:0;line-height:1}.score-lock-icon.lock-unlocked{color:var(--text-muted)}.score-lock-icon.lock-partial{color:var(--status-warning)}.score-lock-icon.lock-locked{color:var(--status-danger)}.alert{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius-sm);background:var(--toast-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-toast);font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--text-strong);min-width:320px;max-width:420px;animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards}.alert-success{border-color:var(--status-success-a30);background:var(--status-success-a10);color:var(--status-success)}.alert-danger{border-color:var(--status-danger-a30);background:var(--status-danger-a10);color:var(--status-danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-inline{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.88rem;width:100%;margin-bottom:1.25rem;border:1px solid var(--border-color);animation:fadeIn .25s ease-out}.alert-inline-success{border-color:var(--status-success-a30);background:var(--status-success-a05);color:var(--status-success)}.alert-inline-danger{border-color:var(--status-danger-a30);background:var(--status-danger-a05);color:var(--status-danger)}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);backdrop-filter:var(--overlay-backdrop-blur);-webkit-backdrop-filter:var(--overlay-backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem}.modal-container{width:100%;max-width:500px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-modal);border-radius:var(--radius-lg);padding:2.5rem!important;display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;max-height:calc(100dvh - 3rem);overflow-y:auto}.modal-container .modal-footer-actions{display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:640px){.modal-backdrop{padding:.75rem}.modal-container{padding:1.25rem!important;max-height:calc(100dvh - 1.5rem)}.modal-container .modal-footer-actions{flex-direction:column-reverse;align-items:stretch;gap:.6rem}.modal-container .modal-footer-actions .btn{width:100%;margin:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.modal-header-title{display:flex;align-items:center;gap:1.15rem}.header-icon{font-size:2.35rem;text-shadow:var(--text-glow-accent-md)}.modal-header h3{font-size:1.35rem;font-weight:850;color:var(--text-strong);letter-spacing:-.02em;margin:0}.modal-header p{font-size:.78rem;color:var(--text-muted);margin:.2rem 0 0}.modal-title-logo{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border-medium);background:var(--surface-02);flex-shrink:0}.modal-close-btn{background:var(--surface-03);border:1px solid var(--border-color);color:var(--text-muted);width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.modal-close-btn:hover{color:var(--status-danger);border-color:var(--status-danger-a20);background:var(--status-danger-a06)}.modal-close-btn span{font-size:1.1rem}.delete-confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-confirm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:20px;animation:fadeInOverlay .2s ease-out forwards;padding:2rem;box-sizing:border-box}.delete-confirm-card{max-width:440px;background:var(--surface-03);border:1px solid var(--border-soft);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;align-items:center}.delete-confirm-card .warning-icon{font-size:3.5rem;color:var(--status-danger);margin-bottom:1rem;animation:pulseScale 1.5s infinite ease-in-out}.delete-confirm-card h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:800;color:var(--text-strong);letter-spacing:-.02em}.delete-confirm-card p{margin:0 0 2rem;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.delete-confirm-card p strong{color:var(--text-strong)}.delete-confirm-card .confirm-actions{display:flex;gap:1rem;width:100%;justify-content:center}.delete-confirm-card .confirm-actions .btn{flex:1;padding:.75rem 1.5rem!important;font-size:.85rem!important;font-weight:800!important;display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes pulseScale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.flex-row-center{display:flex!important;flex-direction:row!important;align-items:center!important}.flex-col-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.justify-center{justify-content:center!important}.text-success{color:var(--status-success)!important}.text-danger{color:var(--status-danger)!important}.text-warning{color:var(--status-warning)!important}.input-icon-left{left:10px!important}.input-has-icon{padding-left:2rem!important}.btn-delete-left{border-color:var(--status-danger-a20)!important;color:var(--status-danger)!important;margin-right:auto!important;background:transparent!important}.btn-delete-left:hover{background:var(--status-danger-a08)!important;border-color:var(--status-danger)!important}.invite-link-container{margin-top:1rem;background:var(--accent-a05);border:1px dashed var(--accent-primary);padding:1.5rem;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.75rem}.invite-link-title{margin:0;font-size:1.05rem;color:var(--accent-primary);font-weight:800;display:flex;align-items:center;gap:.5rem}.invite-link-title span{font-size:1.25rem!important}.invite-link-desc{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.invite-link-bar{display:flex;gap:1rem;align-items:center;background:var(--well-bg);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:8px}.invite-link-text{font-family:monospace;font-size:.82rem;color:var(--text-strong);flex-grow:1;overflow-x:auto;white-space:nowrap;padding-right:.5rem}.btn-copy-invite{padding:.45rem 1rem!important;font-size:.75rem!important;margin:0!important;display:inline-flex!important;align-items:center;gap:.4rem;flex-shrink:0}.btn-copy-invite span{font-size:1rem!important}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}@media(min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.empty-state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2.5rem 2rem;background:var(--surface-01);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.empty-state-panel .empty-icon{font-size:3.5rem!important;color:var(--text-muted);margin-bottom:.5rem}.empty-state-panel h4{font-size:1.25rem;font-weight:800;color:var(--text-strong)}.empty-state-panel p{font-size:.9rem;color:var(--text-secondary);max-width:380px;line-height:1.5}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;left:0;width:100%;background:#fff!important;color:#000!important;padding:0}}.pool-block:focus-within,.pool-card:focus-within{position:relative;z-index:50}@media(max-width:640px){.tab-frame-actions{width:100%;flex-direction:column;align-items:stretch}.tab-frame-actions>*{width:100%;justify-content:center}.delete-confirm-card .confirm-actions{flex-direction:column}.tab-frame-heading{font-size:1.15rem;overflow-wrap:anywhere;min-width:0}.tab-frame-title{gap:.75rem;min-width:0}}