:root{--bg: #f6f8f5;--surface: #ffffff;--surface2: #eef4ef;--border: #d6e2d8;--accent: #15803d;--accent2: #16a34a;--accent-dim: #dcfce7;--text: #102018;--text-muted: #607066;--orange: #ea580c;--orange-bg: #ffedd5;--red: #dc2626;--red-bg: #fee2e2;--green: #15803d;--green-bg: #dcfce7;--radius: 14px;--radius-sm: 8px;--nav-h: 70px;--top-h: 56px}html[data-theme=dark]{--bg: #080e0b;--surface: #0f1a13;--surface2: #162019;--border: #1e3025;--accent: #4ade80;--accent2: #86efac;--accent-dim: #16532d;--text: #ecfdf5;--text-muted: #6b7c74;--orange: #fb923c;--orange-bg: #431407;--red: #f87171;--red-bg: #450a0a;--green: #4ade80;--green-bg: #052e16}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;color-scheme:light}html[data-theme=dark] body{color-scheme:dark}.splash{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--bg)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.bg-circle.c1{width:500px;height:500px;background:var(--accent);top:-150px;left:-100px}.bg-circle.c2{width:400px;height:400px;background:#16a34a;bottom:-100px;right:-80px}.court-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.login-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:0 25px 60px #00000080;animation:cardIn .4s ease}.login-established{margin-top:4px;margin-bottom:16px;font-size:12px;font-style:italic;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:400;letter-spacing:2px;color:#7a7a7a;text-align:center}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:2rem}.logo-emoji{font-size:3rem;display:block;margin-bottom:.4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-title{font-family:Barlow Condensed,sans-serif;font-size:2.6rem;font-weight:800;letter-spacing:4px;color:var(--accent);line-height:1}.logo-sub{font-size:.85rem;color:var(--text-muted);margin-top:.3rem;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:1rem}.form-heading{font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:1px}.form-sub{font-size:.875rem;color:var(--text-muted);margin-top:-.5rem}.phone-input-group{display:flex;align-items:stretch;gap:.5rem;margin-top:.25rem;width:100%;min-width:0}.country-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.75rem .5rem;font-family:inherit;font-size:.9rem;cursor:pointer;outline:none;flex:0 0 auto;width:auto;min-width:104px;max-width:132px;transition:border-color .2s}.country-select:focus{border-color:var(--accent)}.phone-input{flex:1 1 auto;min-width:0;width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.75rem 1rem;font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s}.phone-input::placeholder{color:var(--text-muted)}.phone-input:focus{border-color:var(--accent)}@media (max-width: 420px){.phone-input-group{gap:.4rem}.country-select{min-width:92px;max-width:104px;padding-left:.45rem;padding-right:.45rem;font-size:.82rem}.phone-input{min-width:0;padding-left:.65rem;padding-right:.65rem;font-size:.95rem}}@media (max-width: 340px){.phone-input-group{flex-direction:column}.country-select,.phone-input{width:100%;max-width:100%}}.otp-group{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.otp-box{width:48px;height:56px;text-align:center;font-size:1.4rem;font-weight:700;font-family:Barlow Condensed,sans-serif;background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .2s,transform .1s;-moz-appearance:textfield}.otp-box::-webkit-outer-spin-button,.otp-box::-webkit-inner-spin-button{-webkit-appearance:none}.otp-box:focus{border-color:var(--accent);transform:scale(1.05)}.otp-box.filled{border-color:var(--accent);background:var(--accent-dim)}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:#052e16;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:1px;padding:.85rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s,transform .15s;width:100%}.primary-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:inherit;font-size:.85rem;padding:.65rem 1rem;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:border-color .2s,color .2s}.ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(5,46,22,.3);border-top-color:#052e16;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.login-footer{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:1.5rem}.notreg-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.notreg-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.5rem 2rem;max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;gap:1rem}.notreg-icon{color:var(--orange);display:flex;justify-content:center;margin-bottom:.5rem}.notreg-title{font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:700}.notreg-sub{color:var(--text-muted);font-size:.9rem}.notreg-hint{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;font-size:.875rem;color:var(--text-muted);line-height:1.6}.notreg-hint strong{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:600px;margin:0 auto}.top-bar{position:sticky;top:0;z-index:100;height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.top-bar-left{display:flex;align-items:center;gap:.5rem}.shuttle-icon{font-size:1.4rem}.app-title{font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:3px;color:var(--accent)}.top-bar-right{display:flex;align-items:center;gap:.75rem}.player-chip{font-size:.8rem;font-weight:600;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:.3rem .75rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:8px;display:flex;align-items:center;transition:color .2s,background .2s}.icon-btn:hover{color:var(--text);background:var(--surface2)}.page-content{flex:1;overflow-y:auto;padding:1.25rem;padding-bottom:calc(var(--nav-h) + 1rem)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--text-muted);text-decoration:none;font-size:.68rem;font-weight:500;padding:.5rem 0;transition:color .2s;letter-spacing:.3px}.nav-item:hover{color:var(--accent2)}.nav-item.active{color:var(--accent)}.dashboard-page{display:flex;flex-direction:column;gap:1rem}.dash-greeting{padding:.5rem 0 .25rem}.dash-welcome{font-size:.875rem;color:var(--text-muted)}.dash-name{font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:1px;line-height:1.1;margin-top:.2rem}.admin-pill{display:inline-block;background:var(--accent-dim);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:1.5px;padding:.2rem .7rem;border-radius:20px;margin-top:.4rem;text-transform:uppercase}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-label{font-family:Barlow Condensed,sans-serif;font-size:.72rem;letter-spacing:2px;color:var(--text-muted);margin-bottom:.85rem;text-transform:uppercase}.balance-badge{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-sm)}.balance-badge.green{background:var(--green-bg);color:var(--green)}.balance-badge.orange{background:var(--orange-bg);color:var(--orange)}.balance-badge.red{background:var(--red-bg);color:var(--red)}.balance-badge>div{display:flex;flex-direction:column}.balance-label{font-size:.78rem;opacity:.8}.balance-amount{font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px;line-height:1.1}.no-data{color:var(--text-muted);font-size:.875rem}.week-rows{display:flex;flex-direction:column;gap:.6rem}.week-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text-muted);padding-bottom:.6rem;border-bottom:1px solid var(--border)}.week-row:last-child{border-bottom:none;padding-bottom:0}.week-amount{font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text)}.total-row{color:var(--text);font-weight:600}.total-row .week-amount{color:var(--accent);font-size:1.15rem}.upcoming-btn{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--accent-dim),#0a2e18);border:1px solid var(--accent);border-radius:var(--radius);padding:1.25rem;cursor:pointer;text-align:left;color:var(--text);width:100%;transition:opacity .2s,transform .15s}.upcoming-btn:hover{opacity:.9;transform:translateY(-1px)}.upcoming-btn:active{transform:translateY(0)}.upcoming-btn svg{color:var(--accent);flex-shrink:0}.upcoming-label{display:block;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.upcoming-sub{display:block;font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.upcoming-arrow{margin-left:auto;font-size:1.3rem;color:var(--accent)}@media (min-width: 600px){.bottom-nav{border-radius:0}.page-content{padding:1.5rem;padding-bottom:calc(var(--nav-h) + 1rem)}.otp-box{width:54px;height:62px}}@media (min-width: 900px){.app-shell{max-width:700px}.login-card{padding:3rem 2.5rem}}.report-pay-btn{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;text-align:left;color:var(--text);width:100%;transition:border-color .2s,transform .15s}.report-pay-btn:hover{border-color:var(--orange);transform:translateY(-1px)}.report-pay-btn svg{color:var(--orange);flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 0 0;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;position:sticky;top:0;background:var(--surface);z-index:1;border-bottom:1px solid var(--border)}.modal-title{font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.5px}.modal-close{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:.35rem;cursor:pointer;display:flex;align-items:center;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem 1.5rem 2rem}@media (min-width: 600px){.modal-overlay{align-items:center;padding:1.5rem}.modal-box{border-radius:24px}}.form-stack{display:flex;flex-direction:column;gap:1.1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field label{font-size:.78rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.form-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.75rem 1rem;font-family:Barlow,sans-serif;font-size:.95rem;outline:none;width:100%;transition:border-color .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent)}.form-select{cursor:pointer}.form-select option{background:var(--surface2)}.form-hint{font-size:.75rem;color:var(--text-muted);line-height:1.6}.support-email-link{color:var(--accent);font-weight:600;text-decoration:none;transition:opacity .2s ease}.support-email-link:hover{text-decoration:underline;opacity:.85}.support-email-link:visited{color:var(--accent)}.role-toggle{display:flex;gap:.5rem}.role-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-family:Barlow,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.role-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.balance-inline{padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;border:1px solid}.balance-inline.bal-green{background:var(--green-bg);color:var(--green);border-color:var(--green)}.balance-inline.bal-orange{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.balance-inline.bal-red{background:var(--red-bg);color:var(--red);border-color:var(--red)}.payment-preview{display:flex;align-items:center;justify-content:space-between;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.875rem;color:var(--text-muted)}.payment-preview span{font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700}.payment-preview .bal-green{color:var(--green)}.payment-preview .bal-orange{color:var(--orange)}.payment-preview .bal-red{color:var(--red)}.admin-page{display:flex;flex-direction:column;gap:1rem}.admin-header{display:flex;align-items:center;justify-content:space-between}.page-title{font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:1px}.stat-pills{display:flex;gap:.6rem}.stat-pill{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .5rem;text-align:center;display:flex;flex-direction:column;gap:.15rem}.stat-pill.stat-alert{border-color:var(--orange)}.stat-num{font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.stat-pill.stat-alert .stat-num{color:var(--orange)}.stat-lbl{font-size:.65rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.tab-bar{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem;gap:.25rem}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;background:transparent;border:none;color:var(--text-muted);font-family:Barlow,sans-serif;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;position:relative;transition:all .2s}.tab-btn.active{background:var(--surface2);color:var(--accent)}.tab-btn.active svg{color:var(--accent)}.tab-badge{background:var(--orange);color:#fff;font-size:.65rem;font-weight:700;border-radius:20px;padding:.1rem .4rem;line-height:1.4}.tab-content{display:flex;flex-direction:column;gap:1rem}.add-player-btn{width:100%}.player-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-family:Barlow Condensed,sans-serif;font-size:.72rem;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.req-count{background:var(--orange-bg);color:var(--orange);font-size:.7rem;padding:.1rem .5rem;border-radius:20px;font-weight:600}.player-list{display:flex;flex-direction:column;gap:.4rem}.player-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;transition:border-color .2s}.player-row.inactive{opacity:.5}.player-row.pending-row{border-style:dashed}.player-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-avatar.avatar-admin{background:#1e2a1e;color:#86efac}.player-avatar.avatar-pending{background:var(--surface2);color:var(--text-muted)}.player-avatar.avatar-sm{width:32px;height:32px;font-size:.75rem}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.player-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.player-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-phone{font-size:.75rem;color:var(--text-muted)}.role-badge{font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:.15rem .5rem;border-radius:20px;white-space:nowrap}.role-badge.admin{background:var(--accent-dim);color:var(--accent)}.role-badge.inactive{background:var(--surface2);color:var(--text-muted)}.role-badge.pending{background:var(--orange-bg);color:var(--orange)}.player-right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.player-balance{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.player-balance.bal-green{color:var(--green)}.player-balance.bal-orange{color:var(--orange)}.player-balance.bal-red{color:var(--red)}.player-actions{display:flex;gap:.3rem}.action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.action-btn:hover{color:var(--text);border-color:var(--text-muted)}.action-btn.danger:hover{color:var(--red);border-color:var(--red)}.action-btn.success:hover{color:var(--green);border-color:var(--green)}.payments-section{display:flex;flex-direction:column;gap:.75rem}.request-list{display:flex;flex-direction:column;gap:.6rem}.request-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.6rem}.request-card.status-approved{border-color:var(--accent-dim);opacity:.7}.request-card.status-rejected{border-color:var(--red-bg);opacity:.6}.req-top{display:flex;align-items:center;justify-content:space-between}.req-player{display:flex;align-items:center;gap:.6rem}.req-name{display:block;font-weight:600;font-size:.9rem}.req-date{display:flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.req-amount{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:700;color:var(--orange)}.req-note{font-size:.8rem;color:var(--text-muted);font-style:italic;background:var(--surface2);padding:.4rem .75rem;border-radius:6px}.req-footer{display:flex;align-items:center;justify-content:space-between}.req-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;letter-spacing:.5px}.req-status.pending{color:var(--orange)}.req-status.approved{color:var(--green)}.req-status.rejected{color:var(--red)}.req-actions{display:flex;gap:.4rem}.req-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;border-radius:6px;font-family:Barlow,sans-serif;font-size:.8rem;font-weight:600;border:1px solid;cursor:pointer;transition:opacity .2s}.req-btn:disabled{opacity:.5;cursor:not-allowed}.req-btn.approve{background:var(--green-bg);color:var(--green);border-color:var(--green)}.req-btn.reject{background:var(--red-bg);color:var(--red);border-color:var(--red)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted);text-align:center;font-size:.875rem}.loading-state{display:flex;justify-content:center;padding:3rem}.btn-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.sessions-page{display:flex;flex-direction:column;gap:1rem}.sessions-header{display:flex;align-items:center;justify-content:space-between}.header-right{display:flex;align-items:center;gap:.6rem}.btn-sm{padding:.5rem .9rem!important;font-size:.875rem!important;width:auto!important}.alert-banner{display:flex;align-items:center;gap:.6rem;background:var(--orange-bg);border:1px solid var(--orange);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem;color:var(--orange);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.alert-banner>span{flex:1}.alert-send-btn{display:flex;align-items:center;gap:.3rem;background:var(--orange);color:var(--orange-bg);font-size:.78rem;font-weight:700;padding:.35rem .75rem;border-radius:6px;text-decoration:none;white-space:nowrap;transition:opacity .2s}.alert-send-btn:hover{opacity:.85}.tab-count{background:var(--accent);color:#052e16;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:20px;line-height:1.5}.tab-count.muted{background:var(--surface2);color:var(--text-muted)}.session-list{display:flex;flex-direction:column;gap:.75rem}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.session-card.is-past{opacity:.6}.session-card.is-urgent{border-color:var(--orange)}.sc-top{display:flex;align-items:flex-start;gap:.75rem}.day-badge{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:1px}.day-badge.day-sat{background:#1e2d1e;color:#4ade80}.day-badge.day-sun{background:#2d1e1e;color:#f87171}.day-badge.day-week{background:#1e2129;color:#93c5fd}.sc-date-block{flex:1;min-width:0}.sc-date{font-weight:600;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-time{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.sc-admin-btns{display:flex;gap:.3rem;flex-shrink:0}.sc-meta{display:flex;flex-wrap:wrap;gap:.4rem}.meta-chip{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);padding:.25rem .6rem;border-radius:20px}.meta-chip.chip-urgent{color:var(--orange);background:var(--orange-bg);border-color:var(--orange)}.sc-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.sc-count-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text-muted);font-family:Barlow,sans-serif;font-size:.85rem;cursor:pointer;padding:.3rem 0;transition:color .2s}.sc-count-btn:hover{color:var(--accent)}.sc-count-btn strong{color:var(--text);font-weight:700}.sc-right-btns{display:flex;align-items:center;gap:.4rem}.confirmed-chip{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--accent);background:var(--green-bg);border:1px solid var(--accent-dim);padding:.3rem .7rem;border-radius:20px}.confirm-btn{display:flex;align-items:center;gap:.35rem;background:var(--accent);color:#052e16;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.4rem .9rem;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s,transform .15s}.confirm-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.fixture-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.fixture-arrow:hover{border-color:var(--accent);color:var(--accent)}.session-detail{display:flex;flex-direction:column;gap:1.25rem}.detail-info-block{display:flex;gap:1rem;align-items:flex-start;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.detail-day-badge{flex-shrink:0;width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:1px}.detail-text{display:flex;flex-direction:column;gap:.3rem}.detail-date{font-weight:700;font-size:.95rem;line-height:1.3}.detail-meta-row{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.detail-section{display:flex;flex-direction:column;gap:.6rem}.detail-section-title{font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.confirm-chip{background:var(--accent-dim);color:var(--accent);font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:20px}.confirm-list{display:flex;flex-direction:column;gap:.35rem}.confirm-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--surface2);border-radius:8px}.confirm-num{font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;color:var(--text-muted);width:20px;text-align:center;flex-shrink:0}.confirm-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.confirm-name{font-weight:600;font-size:.9rem}.confirm-time{font-size:.72rem;color:var(--text-muted)}.detail-actions{display:flex;flex-direction:column;gap:.6rem}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#075e54;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:.85rem;border-radius:var(--radius-sm);text-decoration:none;transition:opacity .2s}.whatsapp-btn:hover{opacity:.9}.fixture-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:.85rem;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,color .2s}.fixture-btn:hover{border-color:var(--accent);color:var(--accent)}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.courts-picker{display:flex;gap:.4rem;flex-wrap:wrap}.court-btn{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.court-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.court-btn:hover:not(.active){border-color:var(--text-muted);color:var(--text)}.fixture-page{display:flex;flex-direction:column;gap:1rem}.fixture-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.fixture-topbar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.fixture-topbar-info{flex:1;min-width:0}.ftb-date{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftb-time{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.tea-card{border-color:var(--border)}.tea-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tea-info{display:flex;align-items:center;gap:.75rem}.tea-label{font-weight:600;font-size:.9rem}.tea-sub{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.big-toggle{min-width:58px;padding:.45rem .75rem;border-radius:8px;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:1px;border:2px solid;cursor:pointer;transition:all .2s}.toggle-on{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.toggle-off{background:var(--surface2);color:var(--text-muted);border-color:var(--border)}.fixture-stats-bar{display:flex;gap:.5rem;flex-wrap:wrap}.fstat-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;padding:.45rem .85rem;border-radius:20px;border:1px solid;flex:1;min-width:80px;justify-content:center}.fstat-green{background:var(--green-bg);color:var(--green);border-color:var(--green)}.fstat-red{background:var(--red-bg);color:var(--red);border-color:var(--red)}.fstat-orange{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.fstat-muted{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.fixture-section-header{display:flex;align-items:center;justify-content:space-between}.pf-header{display:flex;align-items:center;padding:.3rem .5rem .5rem;font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.pf-hdr-name{flex:1}.pf-hdr-cell{width:58px;text-align:center;flex-shrink:0}.pf-list{display:flex;flex-direction:column}.pf-row{display:flex;align-items:center;gap:.4rem;padding:.55rem .25rem;border-bottom:1px solid var(--border);transition:opacity .2s}.pf-row:last-child{border-bottom:none}.pf-row-out{opacity:.45}.pf-name{flex:1;display:flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walkin-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--orange);color:var(--orange-bg);font-size:.7rem;font-weight:800;border-radius:50%;flex-shrink:0}.tgl-pill{width:54px;padding:.3rem 0;border-radius:6px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;border:1px solid;cursor:pointer;flex-shrink:0;text-align:center;transition:all .15s}.tgl-pill:active{transform:scale(.95)}.tgl-static{cursor:default}.tgl-in{background:var(--green-bg);color:var(--green);border-color:var(--green)}.tgl-out{background:var(--red-bg);color:var(--red);border-color:var(--red)}.tgl-2hr{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.tgl-1hr{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.tgl-tea-yes{background:var(--orange-bg);color:var(--orange);border-color:var(--orange);width:64px}.tgl-tea-no{background:var(--surface2);color:var(--text-muted);border-color:var(--border)}.courts-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.generate-btn{background:linear-gradient(135deg,var(--accent),#16a34a)!important;font-size:1.05rem!important;gap:.6rem!important}.fixture-display{display:flex;flex-direction:column;gap:1rem}.fixture-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.block-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface2);border-bottom:1px solid var(--border)}.block-header svg{color:var(--accent)}.block-header h3{font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;flex:1}.block-badge{font-size:.7rem;font-weight:600;background:var(--accent-dim);color:var(--accent);padding:.15rem .5rem;border-radius:20px}.round-card{border-bottom:1px solid var(--border);padding:.75rem 1rem}.round-card:last-child{border-bottom:none}.round-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.round-num{font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:1px;color:var(--accent);text-transform:uppercase}.round-resting{font-size:.72rem;color:var(--text-muted);font-style:italic;background:var(--surface2);padding:.15rem .5rem;border-radius:4px;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.round-courts{display:flex;flex-direction:column;gap:.4rem}.court-match-row{display:flex;align-items:center;gap:.6rem;background:var(--surface2);border-radius:6px;padding:.4rem .6rem}.court-label-sm{font-family:Barlow Condensed,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.5px;color:var(--text-muted);width:22px;flex-shrink:0;text-align:center}.match-content{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap;font-size:.82rem}.team-names{font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-badge{font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--text-muted);background:var(--surface);padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.end-session-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#7c2d12,#991b1b);border:1px solid #b91c1c;color:#fecaca;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;border-radius:var(--radius);cursor:pointer;transition:opacity .2s,transform .15s;margin-top:.5rem}.end-session-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.end-session-btn:disabled{opacity:.6;cursor:not-allowed}.billing-page{display:flex;flex-direction:column;gap:1rem}.billing-header{display:flex;align-items:center;gap:.75rem}.billing-session-tab{display:flex;flex-direction:column;gap:1rem}.billing-session-bar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.bsb-date{font-weight:700;font-size:.9rem}.bsb-time{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.billing-session-bar>div{flex:1}.finalized-badge{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;background:var(--green-bg);color:var(--green);border:1px solid var(--accent-dim);padding:.25rem .6rem;border-radius:20px;white-space:nowrap}.finalized-notice{display:flex;align-items:flex-start;gap:.6rem;background:var(--green-bg);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.83rem;color:var(--accent2);line-height:1.5}.finalized-notice svg{flex-shrink:0;color:var(--accent);margin-top:.1rem}.warning-notice{display:flex;align-items:flex-start;gap:.6rem;background:var(--orange-bg);border:1px solid var(--orange);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.83rem;color:var(--orange);line-height:1.5}.warning-notice svg{flex-shrink:0;margin-top:.1rem}.cost-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.85rem}.cost-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cost-inputs:has(.cost-input-group:nth-child(3)){grid-template-columns:1fr 1fr 1fr}@supports not selector(:has(*)){.cost-inputs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}.cost-input-group{display:flex;flex-direction:column;gap:.35rem}.cost-input-group label{font-size:.72rem;font-weight:600;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.cost-input{font-family:Barlow Condensed,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;padding:.6rem .75rem!important;text-align:right}.split-info{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);background:var(--surface2);border-radius:6px;padding:.5rem .75rem;flex-wrap:wrap;gap:.5rem}.split-total{font-weight:600;color:var(--text)}.split-total strong{color:var(--accent)}.billing-table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.billing-table{width:100%;border-collapse:collapse;font-size:.85rem}.billing-table th{background:var(--surface2);padding:.6rem .75rem;font-family:Barlow Condensed,sans-serif;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}.billing-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.billing-table tr:last-child td{border-bottom:none}.billing-table tr.bt-walkin{background:#fb923c0a}.bt-name{text-align:left;min-width:120px}.bt-num{text-align:right;width:70px}.bt-total{color:var(--accent)}.bt-name-cell{display:flex;align-items:center;gap:.4rem}.bt-player-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.bt-hrs-tag{font-size:.62rem;font-weight:700;background:var(--orange-bg);color:var(--orange);padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.bt-walk-tag{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:var(--orange-bg);font-size:.65rem;font-weight:800;border-radius:50%;flex-shrink:0}.bt-num-cell{text-align:right;font-variant-numeric:tabular-nums}.bt-total-cell{color:var(--accent)}.bt-tea-val{color:var(--orange)}.bt-dash{color:var(--text-muted)}.bt-footer{background:var(--surface2)}.bt-footer-label{padding:.6rem .75rem;font-size:.78rem;color:var(--text-muted);font-weight:600}.billing-actions{display:flex;flex-direction:column;gap:.6rem}.finalize-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem;background:linear-gradient(135deg,var(--accent-dim),#16532d);border:1px solid var(--accent);color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.5px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s}.finalize-btn:hover:not(:disabled){opacity:.85}.finalize-btn:disabled{opacity:.5;cursor:not-allowed}.weekly-wrap{display:flex;flex-direction:column;gap:1rem}.weekly-header{display:flex;align-items:flex-start;justify-content:space-between}.weekly-title{font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.5px}.weekly-period{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.weekly-table .wk-sm{width:58px}.wk-bal{font-weight:700;font-variant-numeric:tabular-nums}.wk-bal.bal-green{color:var(--green)}.wk-bal.bal-orange{color:var(--orange)}.wk-bal.bal-red{color:var(--red)}.bt-total-cell.bal-green{color:var(--green)!important}.bt-total-cell.bal-orange{color:var(--orange)!important}.bt-total-cell.bal-red{color:var(--red)!important}.wk-remarks{font-size:.72rem;cursor:help;margin-left:.2rem}.balance-legend{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem .75rem;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border)}.legend-item{font-size:.72rem;color:var(--text-muted)}.reset-week-btn{border-color:var(--orange)!important;color:var(--orange)!important}.reset-week-btn:hover:not(:disabled){background:var(--orange-bg)!important}@media (max-width: 380px){.bt-player-name{max-width:80px}.billing-table th,.billing-table td{padding:.5rem}.cost-inputs{grid-template-columns:1fr 1fr}}.balance-badge{transition:background .3s,color .3s}.nav-item.active svg{filter:drop-shadow(0 0 4px currentColor)}@media (min-width: 768px){.app-shell{max-width:680px}.fixture-page,.billing-page,.sessions-page,.dashboard-page,.admin-page{gap:1.25rem}.cost-inputs{gap:1rem}.pf-row{padding:.65rem .5rem}.billing-table td,.billing-table th{padding:.7rem 1rem}}.weekly-sheet{display:flex;flex-direction:column;gap:1rem}.ws-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ws-title-area{flex:1;min-width:0}.ws-label-row{display:flex;align-items:center;gap:.5rem}.ws-label{font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:.5px}.ws-label-edit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ws-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.close-week-btn{background:transparent;border:1px solid var(--red);color:var(--red);font-family:Barlow,sans-serif;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s}.close-week-btn:hover{background:var(--red-bg)}.ws-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ws-chip{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);padding:.25rem .5rem .25rem .75rem;border-radius:20px}.chip-rm{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--accent);cursor:pointer;padding:.1rem;border-radius:50%;transition:background .15s;opacity:.7}.chip-rm:hover{opacity:1;background:#4ade8026}.wst-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-overflow-scrolling:touch}.wst-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:480px}.wst-th{background:var(--surface2);padding:.55rem .7rem;font-family:Barlow Condensed,sans-serif;font-size:.68rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}.wst-th-name{text-align:left;min-width:110px;position:sticky;left:0;z-index:3;background:var(--surface2)}.wst-th-num{text-align:right;min-width:60px}.wst-th-session{min-width:70px}.wst-th-total{color:var(--text)}.wst-th-rem{text-align:left;min-width:120px}.wst-sess-hdr{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.wst-edit-hdr-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.15rem;border-radius:3px;display:flex;align-items:center;transition:color .15s;opacity:0}.wst-th-session:hover .wst-edit-hdr-btn{opacity:1;color:var(--accent)}.wst-td{padding:.55rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle}.wst-table tbody tr:last-child .wst-td{border-bottom:none}.wst-settled{opacity:.55}.wst-td-name{position:sticky;left:0;background:var(--surface);z-index:2;min-width:110px}.wst-table tbody tr:hover .wst-td-name{background:var(--surface2)}.wst-settled .wst-td-name{background:var(--surface)}.wst-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;display:block}.wst-td-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.wst-td-editable{cursor:pointer}.wst-td-editable:hover .wst-amt{text-decoration:underline;color:var(--accent)}.wst-amt{font-weight:500}.wst-dash{color:var(--text-muted)}.wst-td-total{font-weight:700}.wst-td-total.bal-green{color:var(--green)}.wst-td-total.bal-orange{color:var(--orange)}.wst-td-total.bal-red{color:var(--red)}.wst-td-rem{text-align:left;max-width:140px}.wst-rem-text{font-size:.72rem;color:var(--text-muted);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wst-td.bal-green{color:var(--green)}.wst-td.bal-orange{color:var(--orange)}.wst-td.bal-red{color:var(--red)}.past-weeks-section{display:flex;flex-direction:column;gap:.5rem}.past-weeks-toggle{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:Barlow,sans-serif;font-size:.85rem;font-weight:600;padding:.65rem 1rem;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:border-color .2s,color .2s}.past-weeks-toggle:hover{border-color:var(--accent);color:var(--accent)}.past-weeks-list{display:flex;flex-direction:column;gap:.5rem}.past-week-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.pwc-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;cursor:pointer;color:var(--text-muted);transition:background .15s}.pwc-header:hover{background:var(--surface2)}.pwc-label{font-weight:700;font-size:.9rem;color:var(--text)}.pwc-meta{font-size:.72rem;color:var(--text-muted);margin-top:.1rem}.pwc-body{padding:.75rem .75rem 1rem;border-top:1px solid var(--border)}.wst-player-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--text);cursor:pointer;padding:0;font-family:inherit;font-size:inherit;text-align:left;width:100%}.wst-player-edit-icon{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.wst-td-name:hover .wst-player-edit-icon{opacity:1;color:var(--accent)}.epr-preview{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid;font-size:.875rem}.epr-preview.bal-green{background:var(--green-bg);color:var(--green);border-color:var(--green)}.epr-preview.bal-orange{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.epr-preview.bal-red{background:var(--red-bg);color:var(--red);border-color:var(--red)}.epr-preview strong{font-family:Barlow Condensed,sans-serif;font-size:1.2rem}.remove-row-btn{border-color:var(--red)!important;color:var(--red)!important;margin-top:.25rem}.remove-row-btn:hover{background:var(--red-bg)!important}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.85rem 1.5rem;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:var(--radius-sm);font-family:Barlow,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:box-shadow .2s,transform .15s}.google-btn:hover:not(:disabled){box-shadow:0 2px 12px #0000004d;transform:translateY(-1px)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:.72rem;color:var(--text-muted);white-space:nowrap;letter-spacing:.5px}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.85rem;color:var(--text-muted);pointer-events:none;flex-shrink:0}.input-with-icon{padding-left:2.5rem!important}.pass-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:.25rem;transition:color .15s}.pass-toggle:hover{color:var(--text)}.login-links{display:flex;flex-direction:column;gap:.4rem;align-items:center}.link-btn{background:transparent;border:none;color:var(--accent);font-family:Barlow,sans-serif;font-size:.82rem;cursor:pointer;padding:.25rem;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s}.link-btn:hover{opacity:.8}.phone-entry-greeting{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;text-align:center}.pe-welcome{font-weight:700;font-size:.95rem;margin-bottom:.35rem;color:var(--accent)}.pe-sub{font-size:.82rem;color:var(--text-muted);line-height:1.5}.pe-not-found{background:var(--red-bg);border:1px solid var(--red);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.82rem;color:var(--red);line-height:1.6;display:flex;flex-direction:column;gap:.35rem}.theme-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;cursor:pointer;flex-shrink:0;transition:color .2s,border-color .2s,background .2s,transform .15s}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}input,select,textarea,button{max-width:100%}.form-input,.phone-input,.country-select,.cost-input{background:var(--surface2);color:var(--text)}.app-shell{width:100%;max-width:min(100%,600px)}.page-content{width:100%}@media (min-width: 768px){.app-shell,.bottom-nav{max-width:760px}}@media (min-width: 1024px){.app-shell,.bottom-nav{max-width:920px}.modal-box{max-width:640px}}@media (max-width: 480px){:root{--top-h: 54px;--nav-h: 66px}.top-bar{padding:0 .75rem}.top-bar-left{gap:.35rem;min-width:0}.app-title{font-size:1.2rem;letter-spacing:2px}.top-bar-right{gap:.45rem;min-width:0}.player-chip{max-width:88px;padding:.25rem .55rem;font-size:.72rem}.theme-toggle-btn,.icon-btn{width:30px;height:30px;padding:.25rem}.page-content{padding:.9rem;padding-bottom:calc(var(--nav-h) + .9rem)}.page-title{font-size:1.55rem}.admin-header,.sessions-header,.weekly-header,.fixture-section-header{align-items:flex-start;gap:.65rem;flex-wrap:wrap}.header-right,.ws-actions,.sc-right-btns,.sc-admin-btns,.req-actions{flex-wrap:wrap}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{min-width:max-content;padding:.55rem .7rem}.stat-pills,.fixture-stats-bar,.cost-inputs,.cost-inputs:has(.cost-input-group:nth-child(3)),.time-row,.courts-hours-grid{grid-template-columns:1fr!important}.stat-pills{flex-direction:column}.modal-body{padding:1rem 1rem 1.5rem}.modal-header{padding-left:1rem;padding-right:1rem}.player-row,.sc-top,.billing-session-bar,.fixture-topbar,.tea-row,.detail-info-block,.req-top,.req-footer{align-items:flex-start;flex-wrap:wrap}.player-right{width:100%;align-items:flex-start;padding-left:52px}.player-actions{flex-wrap:wrap}.sc-bottom{align-items:flex-start;flex-direction:column}.sc-right-btns{width:100%}.confirm-btn,.fixture-arrow{min-height:38px}.courts-picker{display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));gap:.35rem}.court-btn{width:100%;height:40px}.pf-header{display:none}.pf-row{flex-wrap:wrap;gap:.35rem;padding:.65rem 0}.pf-name{flex-basis:100%;font-size:.92rem;white-space:normal}.tgl-pill{width:auto;min-width:54px;padding-left:.5rem;padding-right:.5rem}.round-header{align-items:flex-start}.round-resting{max-width:100%;white-space:normal}.court-match-row{align-items:flex-start}.match-content{flex-direction:column;align-items:flex-start;gap:.25rem}.team-names{width:100%;white-space:normal}.billing-table-wrap,.wst-wrap{-webkit-overflow-scrolling:touch}.billing-table{min-width:520px}.bottom-nav{height:var(--nav-h)}.nav-item{font-size:.62rem;padding:.45rem 0}.nav-item svg{width:20px;height:20px}}@media (max-width: 360px){.page-content{padding-left:.7rem;padding-right:.7rem}.player-chip{max-width:72px}.app-title{font-size:1.05rem;letter-spacing:1.5px}.shuttle-icon{font-size:1.15rem}.court-btn{height:38px;font-size:1rem}.btn-sm{padding:.45rem .7rem!important;font-size:.78rem!important}.nav-item span{font-size:.58rem}}@media (max-height: 480px) and (orientation: landscape){.modal-box{max-height:88dvh}.page-content{padding-bottom:calc(var(--nav-h) + .5rem)}}@media (min-width: 1280px){.app-shell,.bottom-nav{max-width:1040px}}html:not([data-theme=dark]) .login-card,html:not([data-theme=dark]) .dash-card,html:not([data-theme=dark]) .fixture-card,html:not([data-theme=dark]) .session-card,html:not([data-theme=dark]) .cost-card,html:not([data-theme=dark]) .request-card,html:not([data-theme=dark]) .modal-box{box-shadow:0 8px 24px #0f172a0f}html:not([data-theme=dark]) .google-btn{box-shadow:0 1px 4px #0f172a14}html:not([data-theme=dark]) .upcoming-btn{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}html:not([data-theme=dark]) .end-session-btn{color:#fff}.aed-symbol{width:26px;height:26px;object-fit:contain;flex-shrink:0}.aed-symbol-sm{width:18px;height:18px;object-fit:contain;flex-shrink:0}.tgl-hr1{background:var(--orange-bg);color:var(--orange);border-color:var(--orange)}.tgl-hr2{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.tgl-both{background:var(--surface2);color:var(--text-muted);border-color:var(--border)}.fixture-action-row{display:flex;align-items:stretch;gap:1rem;width:100%}.fixture-action-card,.fixture-end-session-btn{flex:1 1 0;min-width:0;min-height:64px;margin-top:0!important}.fixture-action-card{justify-content:center}.fixture-action-card .tea-row{height:100%}.fixture-end-session-btn{border-radius:var(--radius);padding:.75rem 1rem}.pf-row .tgl-hr1,.pf-row .tgl-hr2{width:54px}@media (max-width: 520px){.fixture-action-row{flex-direction:column;gap:.6rem}.fixture-action-card,.fixture-end-session-btn{width:100%;min-height:58px}}