:root{--primary:#2f6fd6;--primary-strong:#1e4f9c;--primary-ring:#2f6fd62e;--text:#1f2a37;--text-muted:#5b6b7f;--bg:#eef3fb;--field-bg:#f7f9fd;--border:#d8e1ee;--radius:16px;--surface:#fff;--surface-hover:#e9eff8;--accent-soft:#e7eefb;--shadow:#1e3a5f2e;--app-bg:linear-gradient(160deg, #eef3fb 0%, #dbe6f7 55%, #cdddf4 100%);--skeleton-base:#eef2f8;--skeleton-shine:#f6f9fd;--error-text:#9b1c1c;--error-bg:#fdf2f2;--error-border:#f6d4d4;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}:root[data-theme=dark]{--primary:#5b9bf3;--primary-strong:#8fbcff;--primary-ring:#5b9bf340;--text:#e6edf6;--text-muted:#9bacc2;--bg:#0f141c;--field-bg:#1a2230;--border:#2a3545;--surface:#161d29;--surface-hover:#202b3c;--accent-soft:#1e2c44;--shadow:#0000008c;--app-bg:linear-gradient(160deg, #0f141c 0%, #141c28 55%, #16202e 100%);--skeleton-base:#1a2230;--skeleton-shine:#232e3f;--error-text:#f2b3b3;--error-bg:#2a1a1d;--error-border:#5a2a2e}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:var(--bg);transition:background-color .2s,color .2s}.login-page{background:var(--app-bg);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:24rem;box-shadow:0 1px 2px #1e3a5f0f, 0 12px 32px -8px var(--shadow);flex-direction:column;gap:1.15rem;padding:2.25rem 2rem;display:flex}.login-head{text-align:center;margin-bottom:.25rem}.login-head h1{letter-spacing:-.01em;color:var(--primary-strong);margin:0;font-size:1.6rem;font-weight:650}.login-head p{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.field{flex-direction:column;gap:.4rem;display:flex}.field span{color:var(--text-muted);font-size:.82rem;font-weight:550}.field input{font:inherit;border:1px solid var(--border);background:var(--field-bg);color:var(--text);border-radius:.6rem;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#9fb0c4}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.login-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.55rem;margin:-.25rem 0 0;padding:.6rem .75rem;font-size:.85rem}.login-btn{font:inherit;color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:.6rem;margin-top:.35rem;padding:.75rem 1rem;font-weight:600;transition:background .15s,transform 50ms}.login-btn:hover:not(:disabled){background:var(--primary-strong)}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{opacity:.6;cursor:progress}.fm-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.fm-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:26rem;box-shadow:0 18px 48px -12px var(--shadow);border-radius:14px;padding:1.25rem 1.4rem 1.4rem}.fm-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.fm-title{color:var(--primary-strong);margin:0;font-size:1.2rem}.fm-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:1rem}.fm-close:hover{background:var(--accent-soft);color:var(--text)}.fm-form{flex-direction:column;gap:.85rem;display:flex}.fm-field{flex-direction:column;gap:.3rem;display:flex}.fm-field span{color:var(--text-muted);font-size:.8rem}.fm-field input,.fm-field select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.55rem;padding:.55rem .7rem}.fm-field input:focus,.fm-field select:focus{border-color:var(--primary);outline:none}.fm-checkbox{flex-direction:row;align-items:center;gap:.5rem}.fm-hint{color:var(--text-muted);margin:0;font-size:.8rem}.fm-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.5rem;margin:0;padding:.5rem .7rem;font-size:.85rem}.fm-actions{justify-content:flex-end;gap:.6rem;margin-top:.4rem;display:flex}.fm-btn-primary,.fm-btn-secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;padding:.5rem 1rem;font-weight:600}.fm-btn-primary{background:var(--primary);color:#fff}.fm-btn-primary:disabled{opacity:.55;cursor:default}.fm-btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.fm-btn-secondary:hover{border-color:var(--primary)}.acct{position:relative}.acct-toggle{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.6rem;align-items:center;gap:.4rem;padding:.4rem .6rem;transition:border-color .15s,color .15s;display:inline-flex}.acct-toggle:hover,.acct.is-open .acct-toggle{border-color:var(--primary);color:var(--primary)}.acct-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.9rem;font-weight:600;overflow:hidden}.acct-caret{opacity:.6;transition:transform .2s}.acct.is-open .acct-caret{opacity:1;transform:rotate(180deg)}.acct-menu{background:var(--surface);border:1px solid var(--border);min-width:14rem;box-shadow:0 14px 36px -10px var(--shadow);z-index:50;border-radius:12px;padding:.35rem;position:absolute;top:calc(100% + 8px);right:0}.acct-header{padding:.5rem .7rem .4rem}.acct-header-name{color:var(--text);font-weight:600}.acct-header-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.acct-sep{background:var(--border);height:1px;margin:.3rem 0}.acct-item{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.9rem;text-decoration:none;display:flex}.acct-item:hover{background:var(--accent-soft);color:var(--primary)}.acct-theme-icon{font-size:1rem}.acct-logout{color:var(--error-text)}.acct-logout:hover{background:var(--error-bg);color:var(--error-text)}.layout{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 2px var(--shadow);justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.brand{letter-spacing:-.01em;color:var(--primary-strong);font-size:1.15rem;font-weight:650;text-decoration:none}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-user{color:var(--text-muted);font-size:.9rem}.topbar-logout{font:inherit;color:var(--primary-strong);background:var(--field-bg);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:550;transition:background .15s}.topbar-logout:hover{background:var(--surface-hover)}.content{flex:1;width:100%;max-width:56rem;margin:0 auto;padding:2rem 1.5rem}.create-form{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px var(--shadow);border-radius:12px;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1.25rem;display:flex}.create-row{gap:.75rem;display:flex}.create-input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--field-bg);color:var(--text);border-radius:.5rem;flex:1;padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}.create-input::placeholder{color:#9fb0c4}.create-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.create-error{color:var(--error-text);margin:0;font-size:.85rem}.create-btn{font:inherit;color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:.55rem;align-self:flex-start;padding:.6rem 1.1rem;font-weight:600;transition:background .15s}.create-btn:hover:not(:disabled){background:var(--primary-strong)}.create-btn:disabled{opacity:.6;cursor:progress}@media (width<=32rem){.create-row{flex-direction:column}}.live-indicator{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;margin-left:auto;font-size:.78rem;font-weight:550;display:inline-flex}.live-dot{background:#9aa7b8;border-radius:50%;width:.55rem;height:.55rem}.live-live .live-dot{background:#2e9e5b;box-shadow:0 0 0 3px #2e9e5b2e}.live-live{color:#2e7d4f}.live-connecting .live-dot,.live-reconnecting .live-dot{background:#d9a106;animation:1s ease-in-out infinite live-pulse}.live-connecting,.live-reconnecting{color:#9a7400}@keyframes live-pulse{0%,to{box-shadow:0 0 #d9a10680}50%{box-shadow:0 0 0 4px #d9a10600}}.list-head{align-items:baseline;gap:.75rem;margin-bottom:1.5rem;display:flex}.list-head h1{color:var(--primary-strong);margin:0;font-size:1.5rem}.count{color:var(--primary);background:var(--accent-soft);border-radius:999px;padding:.15rem .6rem;font-size:.85rem;font-weight:600}.filter-bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.25rem;display:flex}.filter-search{min-width:12rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.55rem;flex:16rem;padding:.55rem .8rem}.filter-select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.55rem;padding:.55rem .7rem}.filter-search:focus,.filter-select:focus{border-color:var(--primary);outline:none}.filter-dir{width:2.4rem;font:inherit;color:var(--primary);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.55rem;padding:.5rem 0;font-size:1.1rem;line-height:1}.filter-dir:hover{border-color:var(--primary)}.filter-reset{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;padding:.5rem .8rem;font-size:.85rem}.filter-reset:hover{color:var(--text);border-color:var(--border)}.member-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.member-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex}.member-card:hover{border-color:var(--primary);box-shadow:0 6px 18px -8px var(--shadow)}.member-card:active{transform:translateY(1px)}.member-name{color:var(--text);font-weight:600}.member-club{color:var(--primary);font-size:.85rem}.member-email{color:var(--text-muted);font-size:.8rem}.empty{text-align:center;padding:2rem 0}.member-card.skeleton{background:linear-gradient(100deg, var(--skeleton-base) 30%, var(--skeleton-shine) 50%, var(--skeleton-base) 70%);pointer-events:none;background-size:200% 100%;height:5.5rem;animation:1.3s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.list-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.55rem;padding:.75rem 1rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14264273;place-items:center;padding:1.5rem;animation:.15s modal-fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:24rem;padding:1.75rem;animation:.15s modal-pop;box-shadow:0 20px 50px -12px #00000080}.modal-title{color:var(--primary-strong);margin:0 0 .5rem;font-size:1.2rem}.modal-message{color:var(--text);margin:0 0 1.5rem;font-size:.95rem}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-btn-cancel,.modal-btn-confirm{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;padding:.6rem 1.1rem;font-weight:600;transition:background .15s,border-color .15s}.modal-btn-cancel{color:var(--text-muted);background:var(--field-bg);border-color:var(--border)}.modal-btn-cancel:hover:not(:disabled){background:var(--surface-hover)}.modal-btn-confirm{color:#fff;background:#c0392b}.modal-btn-confirm:hover:not(:disabled){background:#a93226}.modal-btn-cancel:disabled,.modal-btn-confirm:disabled{opacity:.6;cursor:progress}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.detail{flex-direction:column;gap:1.25rem;display:flex}.back-link{color:var(--primary);align-self:flex-start;font-size:.88rem;text-decoration:none}.back-link:hover{text-decoration:underline}.detail-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px var(--shadow);border-radius:14px;padding:1.75rem 1.75rem 1.5rem}.detail-card header{margin-bottom:1.25rem}.detail-card h1{color:var(--primary-strong);margin:0 0 .2rem;font-size:1.55rem}.detail-club{color:var(--primary);font-size:.95rem}.detail-fields{grid-template-columns:8rem 1fr;gap:.6rem 1rem;margin:0;display:grid}.detail-fields dt{color:var(--text-muted);font-size:.85rem;font-weight:550}.detail-fields dd{color:var(--text);margin:0}.detail-actions{gap:.75rem;margin-top:1.5rem;display:flex}.btn-edit,.btn-delete,.btn-cancel{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;padding:.6rem 1.1rem;font-weight:600;transition:background .15s,border-color .15s}.btn-edit{color:#fff;background:var(--primary)}.btn-edit:hover:not(:disabled){background:var(--primary-strong)}.btn-cancel{color:var(--text-muted);background:var(--field-bg);border-color:var(--border)}.btn-cancel:hover:not(:disabled){background:var(--surface-hover)}.btn-delete{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}.btn-delete:hover:not(:disabled){filter:brightness(.97)}.btn-edit:disabled,.btn-delete:disabled,.btn-cancel:disabled{opacity:.6;cursor:progress}.edit-form{flex-direction:column;gap:.85rem;display:flex}.edit-form h1{color:var(--primary-strong);margin:0 0 .25rem;font-size:1.3rem}.edit-field{flex-direction:column;gap:.35rem;display:flex}.edit-field span{color:var(--text-muted);font-size:.82rem;font-weight:550}.edit-field input{font:inherit;border:1px solid var(--border);background:var(--field-bg);color:var(--text);border-radius:.5rem;padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}.edit-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.muted{color:var(--text-muted)}.detail-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.55rem;padding:.75rem 1rem}.admin-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-head h1{color:var(--primary-strong);margin:0;font-size:1.5rem}.admin-new{font:inherit;color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:.55rem;padding:.5rem .9rem;font-weight:600}.admin-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.55rem;padding:.75rem 1rem}.admin-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.admin-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.admin-row-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.admin-row-name{color:var(--text);font-weight:600}.admin-row-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.admin-row-badges{gap:.4rem;display:flex}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.badge-admin{color:var(--primary);background:var(--accent-soft)}.badge-inactive{color:var(--error-text);background:var(--error-bg)}.admin-row-actions{gap:.4rem;display:flex}.admin-btn{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.5rem;padding:.4rem .7rem;font-size:.85rem}.admin-btn:hover{border-color:var(--primary);color:var(--primary)}.admin-btn-danger:hover{border-color:var(--error-border);color:var(--error-text)}.admin-btn:disabled{opacity:.4;cursor:default}.admin-btn:disabled:hover{border-color:var(--border);color:var(--text)}@media (width<=540px){.admin-row{flex-wrap:wrap}}.se-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.se-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:24rem;box-shadow:0 18px 48px -12px var(--shadow);border-radius:14px;padding:1.5rem}.se-title{color:var(--primary-strong);margin:0 0 .5rem;font-size:1.25rem}.se-text{color:var(--text-muted);margin:0 0 1.1rem;font-size:.9rem}.se-form{flex-direction:column;gap:.7rem;display:flex}.se-input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.55rem;padding:.55rem .7rem}.se-input:focus{border-color:var(--primary);outline:none}.se-input[readonly]{color:var(--text-muted)}.se-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:.5rem;margin:0;padding:.5rem .7rem;font-size:.85rem}.se-btn-primary{font:inherit;color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:.55rem;padding:.6rem 1rem;font-weight:600}.se-btn-primary:disabled{opacity:.6;cursor:default}.se-btn-text{width:100%;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.9rem;padding:.4rem;font-size:.85rem}.se-btn-text:hover{color:var(--text);text-decoration:underline}.toast-stack{z-index:200;flex-direction:column;gap:.6rem;max-width:min(22rem,100vw - 2.5rem);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{color:#fff;cursor:pointer;border-radius:.6rem;padding:.8rem 1rem;font-size:.9rem;font-weight:500;animation:.18s toast-in;box-shadow:0 10px 28px -8px #0006}.toast-error{background:#c0392b}.toast-success{background:#2e9e5b}.toast-info{background:var(--primary-strong)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}