:root{--color-primary-green: #16A34A;--color-dark-green: #15803D;--color-black: #000000;--color-near-black: #0A0A0A;--color-dark-surface: #111111;--color-white: #FFFFFF;--color-light-gray: #F5F5F5;--color-medium-gray: #A3A3A3;--color-border-gray: #262626;--danger: #EF4444;--warning: #F59E0B;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-full: 9999px;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Teko", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw;width:100%}body{font-family:var(--font-main);background-color:var(--color-black);color:var(--color-white);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#root,.app-layout{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-black);overflow-x:hidden}.main-content{flex:1;padding:1.25rem .75rem 3rem;width:100%;max-width:100%}@media (min-width: 640px){.main-content{padding:1.5rem 1rem 3rem}}.container{max-width:1080px;margin:0 auto;width:100%;padding-left:1rem;padding-right:1rem}.page-content{display:flex;flex-direction:column;gap:1.25rem}.header-container{background-color:var(--color-black);border-bottom:1px solid var(--color-border-gray);position:sticky;top:0;z-index:50;padding:.75rem 1rem}.header-content{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.brand-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-icon{font-size:1.65rem}.brand-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;letter-spacing:1px;line-height:1;color:var(--color-white)}.brand-subtitle{font-size:.7rem;color:var(--color-medium-gray);text-transform:uppercase;letter-spacing:.5px}.mobile-menu-toggle{display:none;background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);color:var(--color-white);padding:.45rem;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:.75rem}@media (max-width: 640px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.header-actions{display:none;position:absolute;top:calc(100% + .75rem);left:-1rem;right:-1rem;background-color:#0a0a0a;border-bottom:1px solid var(--color-border-gray);padding:1rem;flex-direction:column;align-items:stretch;gap:.75rem;box-shadow:0 12px 28px #000000f2;z-index:100}.header-actions.mobile-open{display:flex}.admin-profile-nav{flex-direction:column;align-items:stretch;gap:.6rem}.admin-user-info{justify-content:center}.brand-title{font-size:1.5rem}}.nav-link{color:var(--color-medium-gray);text-decoration:none;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:var(--radius-sm);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--color-primary-green);background-color:#1a1a1a}.admin-login-link{color:var(--color-medium-gray);text-decoration:none;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--color-border-gray);border-radius:var(--radius-sm);transition:all .2s ease}.admin-login-link:hover{color:var(--color-white);border-color:var(--color-primary-green)}.admin-profile-nav{display:flex;align-items:center;gap:.6rem}.admin-user-info{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-full)}.admin-avatar-fallback{width:26px;height:26px;border-radius:50%;background-color:var(--color-primary-green);color:var(--color-white);display:flex;align-items:center;justify-content:center}.admin-text-wrapper{display:flex;flex-direction:column;line-height:1.1;max-width:130px}.admin-name-text{font-size:.775rem;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-email-text{font-size:.65rem;color:var(--color-medium-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-indicator{display:flex;align-items:center;gap:.4rem;background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:700;color:var(--color-primary-green)}.live-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-primary-green)}.home-banner{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem}.home-banner-tag{font-size:.75rem;font-weight:800;color:var(--color-primary-green);letter-spacing:1px;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}.home-banner-title{font-family:var(--font-heading);font-size:2.2rem;letter-spacing:1px;line-height:1;color:var(--color-white)}.home-banner-subtitle{font-size:.875rem;color:var(--color-medium-gray)}.matches-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 650px){.matches-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 980px){.matches-grid{grid-template-columns:repeat(3,1fr)}}.public-match-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:border-color .2s ease}.public-match-card:hover{border-color:var(--color-primary-green)}.match-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.match-card-info{display:flex;flex-direction:column;gap:.4rem;background-color:var(--color-near-black);border-radius:var(--radius-md);padding:.75rem;border:1px solid var(--color-border-gray)}.card-info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-white)}.card-icon{width:16px;height:16px;color:var(--color-primary-green);flex-shrink:0}.card-description{font-size:.8rem;color:var(--color-medium-gray)}.card-capacity-box{background-color:var(--color-near-black);border-radius:var(--radius-md);padding:.65rem;display:flex;flex-direction:column;gap:.35rem}.capacity-labels{display:flex;justify-content:space-between;font-size:.775rem;color:var(--color-medium-gray)}.progress-track{width:100%;height:10px;background-color:#262626;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary-green);border-radius:var(--radius-full);transition:width .4s ease}.fill-warning{background-color:var(--color-warning)}.fill-full{background-color:var(--danger)}.admin-card-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.admin-action-row{display:flex;gap:.5rem}.flex-1{flex:1}.empty-matches-card{text-align:center;padding:4rem 1.5rem;background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);color:var(--color-medium-gray)}.empty-icon-circle{font-size:2.5rem;margin-bottom:.5rem;display:inline-block}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-medium-gray);text-decoration:none;font-size:.85rem;font-weight:600;transition:color .2s ease;margin-bottom:.5rem}.back-link:hover{color:var(--color-primary-green)}.register-cta-banner{margin:1rem 0}.cta-disabled-box{background-color:#1c1917;border:1px solid #44403c;border-radius:var(--radius-md);padding:1rem;text-align:center;color:var(--color-medium-gray);font-size:.9rem}.match-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem}.match-card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.match-tag{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;color:var(--color-primary-green);letter-spacing:1px}.match-title{font-size:1.5rem;font-weight:800;color:var(--color-white);margin-bottom:1.25rem}.match-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-near-black);border-radius:var(--radius-md);border:1px solid var(--color-border-gray)}.info-item{display:flex;align-items:center;gap:.75rem}.info-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);display:flex;align-items:center;justify-content:center;color:var(--color-primary-green)}.info-icon{width:20px;height:20px}.info-label{font-size:.675rem;color:var(--color-medium-gray);font-weight:700;letter-spacing:.5px;display:block}.info-value{font-size:.95rem;font-weight:700;color:var(--color-white)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:700}.badge-open{background-color:#14532d;color:var(--color-primary-green);border:1px solid var(--color-primary-green)}.badge-warning{background-color:#78350f;color:#fbbf24;border:1px solid #f59e0b}.badge-full{background-color:#262626;color:var(--color-white);border:1px solid #404040}.badge-expired{background-color:#262626;color:var(--color-medium-gray);border:1px solid #404040}.capacity-container{background-color:var(--color-near-black);border-radius:var(--radius-md);padding:1rem;border:1px solid var(--color-border-gray)}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.capacity-title{display:flex;align-items:center;gap:.4rem;font-weight:600;color:var(--color-medium-gray)}.capacity-count{font-size:.95rem;color:var(--color-white)}.count-full{color:var(--danger)}.capacity-subtext{font-size:.775rem;color:var(--color-medium-gray);margin-top:.5rem}.form-header{margin-bottom:1.25rem}.form-title{font-size:1.25rem;font-weight:700;color:var(--color-white);margin-bottom:.25rem}.form-subtitle{font-size:.825rem;color:var(--color-medium-gray)}.form-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.825rem;font-weight:700;color:var(--color-white);margin-bottom:.4rem}.required-field:after{content:" *";color:var(--danger)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:18px;height:18px;color:var(--color-medium-gray);pointer-events:none}.form-input{width:100%;background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.85rem 1rem .85rem 2.75rem;font-size:.95rem;font-family:var(--font-main);color:var(--color-white);outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--color-primary-green)}.input-error{border-color:var(--danger)!important}.field-help{display:block;font-size:.725rem;color:var(--color-medium-gray);margin-top:.35rem}.error-message{color:var(--danger);font-size:.775rem;font-weight:600;margin-top:.35rem}.position-selector-wrapper{margin-bottom:1.5rem}.positions-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.simple-pos-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1rem .75rem;text-align:center;cursor:pointer;position:relative;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:85px;color:var(--color-white);outline:none}.simple-pos-card:hover{border-color:var(--color-primary-green)}.simple-pos-card.selected{background-color:var(--color-primary-green);border-color:var(--color-primary-green);color:var(--color-white)}.simple-pos-emoji{font-size:1.5rem;line-height:1}.simple-pos-name{font-size:.875rem;font-weight:700;line-height:1.2}.simple-selected-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background-color:var(--color-white);color:var(--color-primary-green);display:flex;align-items:center;justify-content:center}.check-icon{width:12px;height:12px;stroke-width:3}.btn{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;font-family:var(--font-main);cursor:pointer;transition:background-color .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-lg{padding:1rem 1.75rem;font-size:1rem}.btn-sm{padding:.4rem .75rem;font-size:.775rem;border-radius:var(--radius-sm)}.btn-primary,.btn-submit{background-color:var(--color-primary-green);color:var(--color-white)}.btn-primary:hover,.btn-submit:hover{background-color:var(--color-dark-green)}.btn-secondary{background-color:#262626;color:var(--color-white);border:1px solid #404040}.btn-secondary:hover{background-color:#333}.btn-danger{background-color:var(--danger);color:var(--color-white)}.btn-danger:hover{background-color:#dc2626}.btn-outline-danger{background-color:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-outline-danger:hover{background-color:var(--danger);color:var(--color-white)}.full-width{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon-subtle{background-color:#262626;border:1px solid #404040;color:var(--color-medium-gray);padding:.35rem;border-radius:var(--radius-sm);cursor:pointer}.btn-icon-subtle:hover{color:var(--color-white);border-color:var(--color-primary-green)}.admin-page-wrapper{background-color:var(--color-black);color:var(--color-white);min-height:calc(100vh - 70px);padding-bottom:3rem}.admin-page-wrapper .container{color:var(--color-white)}.admin-page-wrapper .admin-header-row{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);color:var(--color-white);border-radius:var(--radius-lg);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.admin-page-wrapper .admin-title{color:var(--color-white)}.admin-page-wrapper .admin-subtitle{color:var(--color-medium-gray)}.admin-page-wrapper .admin-badge{background-color:#14532d;color:var(--color-primary-green);border:1px solid var(--color-primary-green);display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-page-wrapper .metric-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1.15rem;display:flex;align-items:center;gap:1rem}.admin-page-wrapper .metric-label{color:var(--color-medium-gray)}.admin-page-wrapper .metric-value{color:var(--color-white)}.metric-icon-box{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-green{background-color:#14532d;color:var(--color-primary-green);border:1px solid var(--color-primary-green)}.icon-dark{background-color:var(--color-near-black);color:var(--color-medium-gray);border:1px solid var(--color-border-gray)}.metric-icon{width:22px;height:22px}.admin-page-wrapper .admin-filter-bar{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.65rem 1rem;display:flex;align-items:center;gap:.75rem;overflow-x:auto}.admin-page-wrapper .filter-title{color:var(--color-medium-gray)}.admin-page-wrapper .filter-chip{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);color:var(--color-medium-gray)}.admin-page-wrapper .filter-chip.active{background-color:var(--color-primary-green);border-color:var(--color-primary-green);color:var(--color-white)}.admin-page-wrapper .public-match-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);color:var(--color-white)}.admin-page-wrapper .match-card-info,.admin-page-wrapper .card-capacity-box{background-color:var(--color-near-black);border:1px solid var(--color-border-gray)}.admin-page-wrapper .card-info-row{color:var(--color-white)}.admin-page-wrapper .capacity-labels,.admin-page-wrapper .card-description{color:var(--color-medium-gray)}.admin-page-wrapper .btn-secondary{background-color:#262626;color:var(--color-white);border:1px solid #404040}.admin-page-wrapper .btn-secondary:hover{background-color:#333}.admin-page-wrapper .admin-empty{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);color:var(--color-medium-gray)}.admin-match-control-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background-color:var(--color-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.85rem 1.25rem;color:var(--color-white)}.admin-bar-btns,.admin-player-btns{display:flex;gap:.5rem}.admin-back-link{color:#525252}.admin-back-link:hover{color:var(--color-primary-green)}.stats-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.stats-title-wrapper{display:flex;align-items:center;gap:.6rem}.stats-title{font-size:1.1rem;font-weight:800;letter-spacing:.5px}.stats-subtitle{font-size:.75rem;color:var(--color-medium-gray)}.total-stats-pill{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);padding:.4rem .85rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem}.total-label{font-size:.675rem;font-weight:800;color:var(--color-medium-gray)}.total-value{font-family:var(--font-heading);font-size:1.5rem;line-height:1;font-weight:700;color:var(--color-primary-green)}.category-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.cat-stat-box{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.85rem}.cat-stat-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.cat-stat-icon{font-size:1rem}.cat-stat-name{font-size:.775rem;font-weight:700;color:var(--color-medium-gray)}.cat-stat-count{font-family:var(--font-heading);font-size:2rem;font-weight:700;line-height:1;color:var(--color-white);margin-bottom:.5rem}.cat-stat-progress{height:4px;background-color:#262626;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.35rem}.cat-progress-fill{height:100%;background-color:var(--color-primary-green);border-radius:var(--radius-full);transition:width .4s ease}.cat-percentage{font-size:.675rem;color:var(--color-medium-gray)}.player-list-section{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.section-title-wrapper{display:flex;align-items:center;gap:.75rem}.section-title{font-family:var(--font-heading);font-size:1.6rem;letter-spacing:1px;line-height:1}.squad-counter-badge{background-color:#14532d;color:var(--color-primary-green);border:1px solid var(--color-primary-green);padding:.4rem .85rem;border-radius:var(--radius-full);font-size:.825rem;font-weight:700}.list-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;width:100%}@media (min-width: 640px){.list-controls{flex-direction:row;align-items:center;justify-content:space-between}}.search-input-wrapper{position:relative;width:100%;max-width:100%}@media (min-width: 640px){.search-input-wrapper{max-width:320px}}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-medium-gray)}.search-input{width:100%;background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-full);padding:.5rem 1rem .5rem 2.4rem;font-size:.825rem;color:var(--color-white);outline:none}.filter-chips{display:flex;gap:.45rem;flex-wrap:wrap;width:100%}.filter-chip{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);color:var(--color-medium-gray);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-chip.active{background-color:var(--color-primary-green);color:var(--color-white);border-color:var(--color-primary-green);font-weight:700}.players-grid{display:grid;grid-template-columns:1fr;gap:.85rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (min-width: 1024px){.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.player-card{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;align-items:stretch;gap:.85rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;transition:border-color .2s ease}.player-card:hover{border-color:var(--color-primary-green)}.player-card-main-info{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.player-index-badge{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-medium-gray);width:24px;flex-shrink:0}.player-avatar{width:42px;height:42px;border-radius:50%;background-color:#262626;border:2px solid var(--color-primary-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-emoji{font-size:1.25rem}.player-details{flex:1;min-width:0}.player-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0}.player-name{font-size:.95rem;font-weight:700;color:var(--color-white);overflow-wrap:anywhere;word-break:break-word}.position-tag{font-size:.725rem;font-weight:700;color:var(--color-primary-green);background-color:#1a1a1a;border:1px solid #262626;padding:.15rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.player-meta-row{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-medium-gray)}.remove-player-btn{margin-left:auto;flex-shrink:0}.player-slot-fee-box{margin-left:auto;padding:.25rem .65rem;background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot-fee-amount{font-size:.95rem;color:var(--color-primary-green);font-weight:700}.public-player-card .player-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.public-payment-status-card{background-color:var(--color-dark-surface, #111111);border:1px solid var(--color-border-gray, #262626);border-radius:var(--radius-md, 12px);padding:1rem 1.25rem}.pub-pay-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-border-gray, #262626)}.pub-pay-title{font-size:.9rem;letter-spacing:.05em;color:var(--color-white, #ffffff)}.pub-pay-counter{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--color-medium-gray, #a3a3a3);background-color:#1a1a1a;padding:.2rem .6rem;border-radius:var(--radius-sm, 6px);border:1px solid #333333}.pub-pay-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}@media (max-width: 768px){.pub-pay-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.pub-pay-grid{grid-template-columns:repeat(2,1fr)}}.pub-pay-stat{display:flex;flex-direction:column;gap:.2rem;background-color:#0a0a0a;padding:.6rem .85rem;border-radius:var(--radius-sm, 6px);border:1px solid #1f1f1f}.pub-stat-label{font-size:.725rem;color:var(--color-medium-gray, #a3a3a3);text-transform:uppercase;letter-spacing:.04em}.pub-stat-val{font-size:.925rem}.status-badge-col{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 500px){.public-player-card{padding:.75rem}.public-player-card .player-name-row{flex-direction:column;align-items:flex-start;gap:.2rem}.player-slot-fee-box{padding:.2rem .5rem}.slot-fee-amount{font-size:.85rem}}.empty-players-box{text-align:center;padding:3rem 1rem;color:var(--color-medium-gray)}.empty-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.75rem;max-width:480px;width:100%;position:relative;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.modal-card::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.bottom-sheet-modal{max-width:480px}@media (max-width: 600px){.modal-backdrop{padding:.5rem}.modal-card{padding:1.25rem;max-height:calc(100vh - 16px)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background-color:#262626;border:none;color:var(--color-medium-gray);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--color-white);background-color:#333}.flex-center{display:flex;align-items:center;justify-content:center;min-height:70vh}.admin-login-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:2.25rem;max-width:420px;width:100%}.login-header{margin-bottom:1.5rem}.login-icon-badge{width:60px;height:60px;border-radius:50%;background-color:#14532d;border:1px solid var(--color-primary-green);color:var(--color-primary-green);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.login-icon{width:30px;height:30px}.login-title{font-family:var(--font-heading);font-size:2rem;line-height:1}.login-subtitle{font-size:.825rem;color:var(--color-medium-gray)}.alert-box{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;margin-bottom:1rem}.alert-error{background-color:#450a0a;border:1px solid var(--danger);color:#fca5a5}.admin-access-note{font-size:.75rem;color:var(--color-medium-gray);margin-top:1rem}.confirm-modal{text-align:center}.warning-icon-bg{width:56px;height:56px;border-radius:50%;background-color:#450a0a;border:1px solid var(--danger);color:var(--danger);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.warning-icon{width:28px;height:28px}.modal-message{font-size:.875rem;color:var(--color-medium-gray);margin-bottom:1.5rem}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.toast-notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background-color:var(--color-dark-surface);border:1px solid var(--color-primary-green);color:var(--color-white);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;z-index:120;display:flex;align-items:center;gap:.5rem}.toast-info{border-color:#3b82f6}.toast-error{border-color:var(--danger)}.loading-state{text-align:center;padding:4rem 1rem;color:var(--color-medium-gray)}.pitch-spinner{font-size:3rem;margin-bottom:1rem}.flex-align{display:flex;align-items:center}.gap-2{gap:.5rem}.text-center{text-align:text-align;text-align:center}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-accent{color:var(--color-primary-green)}.text-danger{color:var(--danger)}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.app-footer{border-top:1px solid var(--color-border-gray, #262626);padding:1.75rem 1rem;background-color:var(--color-black, #000000);margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.developer-credit-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1.15rem;background-color:#0d0d0d;border:1px solid #262626;border-radius:9999px;font-size:.85rem;transition:all .25s ease;box-shadow:0 4px 12px #00000080}.developer-credit-pill:hover{border-color:var(--color-primary-green, #16a34a);background-color:#121212;box-shadow:0 0 15px #16a34a33}.dev-text{color:var(--color-medium-gray, #a3a3a3);font-weight:500;letter-spacing:.02em}.dev-link{color:var(--color-primary-green, #16a34a);font-weight:700;text-decoration:none;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.35rem;transition:color .2s ease}.dev-link:hover{color:#22c55e;text-decoration:underline}.dev-link-icon{width:13px;height:13px;opacity:.85}.footer-subtext{font-size:.725rem;color:#666;letter-spacing:.06em;text-transform:uppercase}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.pricing-section-container{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}.pricing-section-header{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.25rem;letter-spacing:1px;color:var(--color-white);margin-bottom:1rem;border-bottom:1px solid var(--color-border-gray);padding-bottom:.5rem}.pricing-positions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 480px){.pricing-positions-grid{grid-template-columns:1fr}}.payment-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-paid{background-color:#14532d;color:#4ade80;border:1px solid #16a34a}.status-partial{background-color:#78350f;color:#fde047;border:1px solid #f59e0b}.status-unpaid{background-color:#450a0a;color:#fca5a5;border:1px solid #ef4444}.player-card.admin-player-card{flex-direction:column;align-items:stretch;gap:.85rem}.player-card-main-info{display:flex;align-items:center;gap:.75rem;width:100%}.player-card-payment-bar{background-color:var(--color-dark-surface, #111111);border:1px solid var(--color-border-gray, #262626);border-radius:var(--radius-sm, 8px);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.payment-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;text-align:center;width:100%}.pay-metric-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:0;background-color:#0a0a0a;padding:.4rem .2rem;border-radius:6px;border:1px solid #1a1a1a}.payment-status-row{display:flex;align-items:center;justify-content:flex-end;width:100%}@media (max-width: 480px){.payment-status-row{justify-content:center}}.pay-metric-item{display:flex;flex-direction:column;gap:.15rem}.pay-metric-label{font-size:.675rem;color:var(--color-medium-gray);text-transform:uppercase;font-weight:700}.pay-metric-value{font-size:.875rem;font-weight:700;color:var(--color-white)}.update-payment-btn{margin-top:.25rem}.admin-payment-summary-card{background-color:var(--color-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem;color:var(--color-white)}.payment-summary-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.payment-summary-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:1px;line-height:1;color:var(--color-white)}.payment-summary-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 600px){.payment-summary-metrics-grid{grid-template-columns:1fr}}.pay-summary-box{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1.15rem;display:flex;flex-direction:column;gap:.35rem}.pay-summary-label{font-size:.75rem;color:var(--color-medium-gray);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pay-summary-val{font-family:var(--font-heading);font-size:2.1rem;line-height:1;font-weight:700;color:var(--color-white)}.admin-pos-payment-summary-card{background-color:var(--color-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-lg);padding:1.5rem;color:var(--color-white)}.pos-payment-title{font-family:var(--font-heading);font-size:1.35rem;letter-spacing:1px;line-height:1;color:var(--color-white);margin-bottom:1rem}.pos-payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}@media (max-width: 900px){.pos-payment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.pos-payment-grid{grid-template-columns:1fr}}.pos-payment-box{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pos-pay-head{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--color-border-gray);padding-bottom:.5rem}.pos-emoji{font-size:1.25rem}.pos-name{font-size:.875rem;color:var(--color-white)}.pos-count-tag{margin-left:auto;font-size:.7rem;background-color:#262626;color:var(--color-medium-gray);padding:.15rem .45rem;border-radius:var(--radius-sm);font-weight:700}.pos-pay-details{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.pos-pay-row{display:flex;justify-content:space-between;color:var(--color-medium-gray)}.pos-pay-row span:last-child{color:var(--color-white)}.payment-player-summary-box{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.summary-label{color:var(--color-medium-gray)}.summary-val{color:var(--color-white)}.payment-calc-results{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.calc-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.calc-label{color:var(--color-medium-gray)}.public-match-fee-section{background-color:var(--color-near-black);border:1px solid var(--color-border-gray);border-radius:var(--radius-md);padding:1rem}.fee-section-title{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:800;color:var(--color-primary-green);letter-spacing:.5px;margin-bottom:.75rem}.fee-single-box{display:flex;align-items:center;justify-content:space-between;font-size:.95rem}.fee-label{color:var(--color-medium-gray)}.fee-positions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem}.fee-pos-card{background-color:var(--color-dark-surface);border:1px solid var(--color-border-gray);border-radius:var(--radius-sm);padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:center;font-size:.825rem}.selected-position-fee-banner{background-color:var(--color-near-black);border:1px solid var(--color-primary-green);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.35rem}.fee-banner-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.fee-banner-label{color:var(--color-medium-gray)}.fee-banner-value{color:var(--color-white)}.fee-banner-amount{font-size:1rem}