:root,:root[data-theme=dark]{--navy:#0a0e1a;--navy-mid:#111827;--navy-light:#1a2236;--navy-card:#141c2e;--aqua:#00d4ff;--aqua-dim:#00a8cc;--aqua-glow:#00d4ff26;--aqua-border:#00d4ff40;--gold:#f5c842;--gold-dim:#c9a228;--gold-glow:#f5c84226;--gold-border:#f5c8424d;--silver:#cbd5e1;--silver-glow:#cbd5e124;--silver-border:#cbd5e166;--bronze:#e0a06a;--bronze-glow:#e0a06a29;--bronze-border:#e0a06a73;--white:#f0f4ff;--white-dim:#9ba8c4;--white-faint:#3a4560;--divider:color-mix(in srgb, var(--white-faint) 50%, transparent);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--on-primary:#0a0e1a;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--sidebar-width:240px;--topbar-height:44px;--header-height:44px;--shadow-aqua:0 0 20px #00d4ff33;--shadow-gold:0 0 20px #f5c84233;--shadow-card:0 4px 24px #0006;--shadow-modal:0 16px 48px #00000080;--scrim:#060912c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--navy:#f5f7fb;--navy-mid:#ecf0f7;--navy-light:#f2f5fa;--navy-card:#fff;--aqua:#09c;--aqua-dim:#007aa3;--aqua-glow:#0099cc1a;--aqua-border:#0099cc4d;--gold:#c9a228;--gold-dim:#a6841c;--gold-glow:#c9a2281f;--gold-border:#c9a22859;--silver:#5a6878;--silver-glow:#5a68781a;--silver-border:#5a687859;--bronze:#9a5b24;--bronze-glow:#9a5b241a;--bronze-border:#9a5b2459;--white:#0f1a2e;--white-dim:#4f5b73;--white-faint:#d5dce8;--success:#0f9d58;--warning:#b4710b;--error:#c5292a;--on-primary:#0a0e1a;--shadow-aqua:0 0 18px #0099cc2e;--shadow-gold:0 0 18px #c9a2282e;--shadow-card:0 4px 16px #0f1a2e14;--shadow-modal:0 16px 48px #0f1a2e2e;--scrim:#0f1a2e73;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,.card,.input,.badge,.btn,.sidebar,.app-topbar,.public-header,.public-footer,.sidebar-link,.sidebar-logout,.public-nav-link,.data-table th,.data-table td,.alert,.modal,.tile,.table-card,.section-count{transition:background-color .2s,color .2s,border-color .2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--navy);color:var(--white);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--navy-mid)}::-webkit-scrollbar-thumb{background:var(--white-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--aqua-dim)}:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}a{color:inherit;text-decoration:none}.font-display{font-family:var(--font-display)}.text-aqua{color:var(--aqua)}.text-gold{color:var(--gold)}.text-dim{color:var(--white-dim)}.text-faint{color:var(--white-faint)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-aqua{background:var(--aqua-glow);color:var(--aqua);border:1px solid var(--aqua-border)}.badge-gold{background:var(--gold-glow);color:var(--gold);border:1px solid var(--gold-border)}.badge-silver{background:var(--silver-glow);color:var(--silver);border:1px solid var(--silver-border)}.badge-bronze{background:var(--bronze-glow);color:var(--bronze);border:1px solid var(--bronze-border)}.badge-green{color:var(--success);background:#22c55e26;border:1px solid #22c55e4d}.badge-red{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.badge-amber{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-ghost{background:var(--navy-light);color:var(--white-dim);border:1px solid var(--white-faint)}.badge--plain{text-transform:none;letter-spacing:.01em;font-size:12px}.badge--mono{text-transform:none;letter-spacing:.1em;font-family:monospace}.card{background:var(--navy-card);border:1px solid var(--white-faint);border-radius:12px;padding:20px 24px}.card-glow{border-color:var(--aqua-border);box-shadow:var(--shadow-aqua)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:var(--navy-light);color:var(--white-dim);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--white-faint);padding:10px 14px;font-size:10px;font-weight:600}.data-table td{border-bottom:1px solid var(--divider);color:var(--white);padding:10px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#00d4ff08}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.table-card{background:var(--navy-card);border:1px solid var(--white-faint);border-radius:12px;overflow-x:auto}.table-card>.data-table{border-radius:inherit}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn--sm{gap:4px;padding:4px 10px;font-size:12px}.btn-primary{background:var(--aqua);color:var(--on-primary)}.btn-primary:hover{background:var(--aqua-dim);color:var(--on-primary)}.btn-gold{background:var(--gold);color:var(--on-primary)}.btn-gold:hover{background:var(--gold-dim);color:var(--on-primary)}.btn-ghost{color:var(--white-dim);border:1px solid var(--white-faint);background:0 0}.btn-ghost:hover{border-color:var(--aqua);color:var(--aqua)}.btn-danger{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--navy-light);border:1px solid var(--white-faint);width:100%;color:var(--white);font-family:var(--font-body);border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px var(--aqua-glow);outline:none}.input::placeholder{color:var(--white-faint)}.input--sm{border-radius:7px;padding:8px 12px;font-size:13.5px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239BA8C4' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select--sm{background-position:right 10px center;padding-right:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-aqua{0%,to{box-shadow:0 0 #00d4ff66}50%{box-shadow:0 0 0 8px #00d4ff00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:.3s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--navy-light) 25%, var(--navy-card) 50%, var(--navy-light) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.spinner-page{background:var(--navy);min-height:100vh;color:var(--white-dim);text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;font-size:14px;display:grid}.spinner{border:2px solid var(--white-faint);border-top-color:var(--aqua);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:30px;line-height:1}.page-subtitle{color:var(--white-dim);max-width:68ch;margin-top:6px;font-size:13px;line-height:1.5}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:19px;line-height:1.1}.section-count{font-family:var(--font-body);color:var(--white-dim);background:var(--navy-light);border:1px solid var(--white-faint);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.section-header-action{margin-left:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .input{width:auto}.toolbar .input--search{min-width:230px}.toolbar-spacer{margin-left:auto}.alert{border:1px solid var(--white-faint);background:var(--navy-light);color:var(--white);border-radius:8px;padding:11px 14px;font-size:13px;line-height:1.5}.alert+.alert{margin-top:10px}.page-alerts>.alert:last-child{margin-bottom:16px}.alert-title{margin-bottom:4px;font-weight:600}.alert ul,.alert ol{margin:6px 0 0;padding-left:18px}.alert li+li{margin-top:3px}.alert-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.alert--error{background:color-mix(in srgb, var(--error) 12%, transparent);border-color:color-mix(in srgb, var(--error) 40%, transparent)}.alert--success{background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.alert--warning{background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 40%, transparent)}.alert--info{background:var(--aqua-glow);border-color:var(--aqua-border)}.alert--error .alert-title{color:var(--error)}.alert--success .alert-title{color:var(--success)}.alert--warning .alert-title{color:var(--warning)}.alert--info .alert-title{color:var(--aqua)}.modal-overlay{z-index:200;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--navy-card);border:1px solid var(--white-faint);width:100%;max-width:min(560px,100vw - 40px);max-height:min(86vh,100vh - 40px);box-shadow:var(--shadow-modal);border-radius:12px;padding:24px;overflow-y:auto}.modal-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:22px;line-height:1.1}.modal-subtitle{color:var(--white-dim);margin-top:3px;font-size:12.5px}.modal-body{flex-direction:column;gap:14px;margin-top:18px;display:flex}.plan-swimmer{border:1px solid var(--white-faint);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1.3;display:flex}.plan-swimmer:hover{border-color:var(--aqua-border)}.plan-swimmer[data-picked=true]{outline:1px solid var(--aqua);outline-offset:-1px}.plan-swimmer-name{overflow-wrap:anywhere;flex:1;min-width:0}.plan-swimmer-grades{color:var(--white-dim);flex:none;align-items:center;gap:4px;font-size:10px;display:flex}.plan-swimmer-grades b{font-variant-numeric:tabular-nums;color:var(--white);font-weight:700}.plan-swimmer-team{background:#ffffff14;border-radius:999px;padding:0 4px}.plan-cell{background:var(--navy);border:1px solid var(--white-faint);border-radius:6px}.plan-cell:hover{border-color:var(--aqua-border)}.plan-cell-chips{flex-wrap:wrap;gap:3px;padding:0 6px 6px;display:flex}.plan-chip{border:1px solid var(--white-faint);border-radius:5px;align-items:center;gap:4px;max-width:100%;padding:2px 5px;font-size:11px;line-height:1.25;display:inline-flex}.plan-chip[draggable=true]:active{cursor:grabbing}.plan-chip[data-locked=true]{border-style:dashed}.plan-chip-name{overflow-wrap:anywhere;min-width:0}.plan-chip-meta{color:var(--white-dim);flex:none;align-items:center;gap:3px;font-size:9.5px;display:flex}.plan-chip-meta b{font-variant-numeric:tabular-nums;color:inherit;font-weight:700}.plan-chip-team{background:#ffffff1a;border-radius:999px;padding:0 3px}.plan-lane--mini>td{color:var(--white-dim);border-bottom:1px solid var(--white-faint);padding:4px 10px}.plan-pill-row{gap:5px;display:flex;overflow-x:auto}.plan-pill{border:1px solid var(--white-faint);background:var(--navy);color:var(--white);white-space:nowrap;cursor:pointer;border-radius:5px;flex:none;padding:2px 7px;font-size:11px}.plan-pill:hover{border-color:var(--aqua-border)}.plan-pill[data-empty]{color:var(--white-faint);background:0 0}.plan-lane--focus{box-shadow:inset 3px 0 0 var(--aqua);background:#00d4ff0d}.modal--wide{max-width:min(820px,100vw - 40px)}.access-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.access-grid>.field{border:1px solid var(--white-faint);background:#ffffff05;border-radius:10px;min-width:0;padding:12px}@media (max-width:620px){.access-grid{grid-template-columns:1fr}}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white-dim);font-size:11px;font-weight:600}.field-hint{color:var(--white-dim);font-size:12px;line-height:1.45}.field-error{color:var(--error);font-size:12px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check-row{color:var(--white);cursor:pointer;align-items:flex-start;gap:9px;padding:7px 0;font-size:13.5px;line-height:1.4;display:flex}.check-row input{accent-color:var(--aqua);flex-shrink:0;margin-top:2px}.check-row .field-hint{margin-top:2px;display:block}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tile{background:var(--navy-card);border:1px solid var(--white-faint);border-radius:12px;padding:20px 22px;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}a.tile:hover,.tile--link:hover{border-color:var(--aqua);box-shadow:var(--shadow-card);transform:translateY(-2px)}.tile-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);margin-bottom:6px;font-size:21px}.tile-desc{color:var(--white-dim);font-size:13px;line-height:1.5}.tile-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.empty-state{text-align:center;color:var(--white-dim);padding:44px 24px;font-size:14px;line-height:1.55}.empty-state--tight{padding:20px 16px}.empty-state-title{color:var(--white);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:inline-flex}@media (max-width:480px){.field-row{grid-template-columns:1fr}}.app-shell{min-height:100vh;display:flex}.app-body{flex:1;width:100%;min-width:0;min-height:100vh;display:flex}.app-main-column{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-topbar{height:var(--topbar-height);background:var(--navy-card);border-bottom:1px solid var(--white-faint);z-index:110;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 12px;display:flex;position:sticky;top:0}.app-topbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.app-topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topbar-icon-btn{border:1px solid var(--white-faint);width:32px;height:32px;color:var(--white-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.topbar-icon-btn:hover{color:var(--aqua);border-color:var(--aqua-border);background:var(--aqua-glow)}.topbar-menu-btn{display:none}.topbar-theme-toggle.theme-toggle{border-radius:8px;width:32px;height:32px}.app-breadcrumbs{min-width:0;overflow:hidden}.app-breadcrumbs-list{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:0;margin:0;padding:0;font-size:12px;list-style:none;display:flex;overflow:hidden}.app-breadcrumbs-item{align-items:center;min-width:0;display:inline-flex}.app-breadcrumbs-sep{color:var(--white-faint);-webkit-user-select:none;user-select:none;margin:0 6px}.app-breadcrumbs-link{color:var(--white-dim);text-decoration:none;transition:color .15s}.app-breadcrumbs-link:hover{color:var(--aqua)}.app-breadcrumbs-current{color:var(--white);text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--white-faint);height:32px;color:var(--white-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;max-width:180px;padding:0 8px 0 4px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex}.user-menu-trigger:hover{border-color:var(--aqua-border);background:var(--aqua-glow);color:var(--white)}.user-menu-avatar{width:24px;height:24px;color:var(--aqua);background:#00d4ff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-chevron{opacity:.6;flex-shrink:0}.user-menu-dropdown{background:var(--navy-card);border:1px solid var(--white-faint);min-width:220px;box-shadow:var(--shadow-card);z-index:200;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.user-menu-header{border-bottom:1px solid var(--white-faint);margin-bottom:4px;padding:8px 10px 10px}.user-menu-header-name{color:var(--white);font-size:13px;font-weight:600}.user-menu-header-meta{color:var(--white-dim);margin-top:2px;font-size:11px}.user-menu-item{width:100%;color:var(--white-dim);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12px;text-decoration:none;transition:background .12s,color .12s;display:block}.user-menu-item:hover{color:var(--white);background:#00d4ff14}.user-menu-item-danger:hover{color:var(--error);background:#ef44441a}.user-menu-divider{background:var(--white-faint);height:1px;margin:4px 0}.app-sidebar{width:var(--sidebar-width);background:var(--navy-card);border-right:1px solid var(--white-faint);z-index:100;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.app-content{flex:1;max-width:1400px;padding:24px 28px}.sidebar-active-comp{border-bottom:1px solid var(--white-faint);background:#00d4ff0d;padding:12px 16px}.sidebar-active-comp-label{letter-spacing:.08em;text-transform:uppercase;color:var(--aqua-dim);margin-bottom:4px;font-size:9px;font-weight:700}.sidebar-active-comp-name{color:var(--white);font-size:12px;font-weight:600;line-height:1.35}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.topbar-menu-btn{display:inline-flex}.user-menu-name{display:none}.app-sidebar{transform:translate(-100%)}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 40px #00000080}.sidebar-overlay{display:block}.app-main-column{margin-left:0}.app-content{padding:16px}}@media print{.app-main-column{margin-left:0!important}}.settings-page-tabs{background:var(--navy-light);border:1px solid var(--white-faint);border-radius:10px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.settings-page-tab{color:var(--white-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.settings-page-tab:hover{color:var(--white);background:#ffffff0a}.settings-page-tab.active{background:var(--navy-card);color:var(--white);font-weight:600;box-shadow:0 1px 4px #0000004d}.settings-details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-details-logo{grid-column:1/-1}.settings-logo-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.settings-logo-preview{border:1px solid var(--aqua-border);background:#00d4ff0a;border-radius:10px;justify-content:center;align-items:center;min-height:100px;padding:20px 24px;display:flex}.settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--white-dim);border-bottom:1px solid var(--white-faint);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.settings-field{border-bottom:1px solid #3a456066;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;font-size:13px;display:flex}.settings-field:last-of-type{border-bottom:none}.settings-label{color:var(--white-dim);flex-shrink:0}.settings-value{color:var(--white);text-align:right;font-weight:500}.logo-drop-zone{border:2px dashed var(--white-faint);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:24px;transition:all .15s;display:flex}.logo-drop-zone:hover{border-color:var(--aqua);background:#00d4ff0a}@media (max-width:768px){.settings-details-grid,.settings-logo-grid{grid-template-columns:1fr}.settings-details-logo{grid-column:auto}}