*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0fbfd;--bg-subtle:#e0f9fc;--primary:#0e7490;--primary-dark:#083344;--primary-light:#0891b2;--primary-ghost:#0e74900f;--accent:#cffafe;--danger:#c0392b;--danger-light:#fdecea;--text:#1a1a1a;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#a5f3fc;--border-light:#cffafe;--white:#fff;--shadow-xs:0 1px 3px #0e74900f;--shadow:0 2px 8px #0e74901a;--shadow-md:0 4px 16px #0e74901f;--shadow-lg:0 8px 32px #0e749024;--shadow-xl:0 12px 48px #0e74902e;--radius:14px;--radius-sm:10px;--radius-xs:6px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-size:14px}::selection{color:var(--primary-dark);background:#0e749026}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}#login-screen{background:linear-gradient(135deg,#083344,#0e7490,#0891b2,#0e7490,#083344) 0 0/300% 300%;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;animation:12s infinite gradientShift;display:flex}.login-wrapper{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.login-logo{object-fit:contain;z-index:0;filter:drop-shadow(0 4px 16px #00000040);width:auto;height:110px;margin-bottom:-16px;position:relative}.login-card{background:var(--white);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:3rem 2.25rem 2.5rem;animation:.5s scaleIn;box-shadow:0 20px 60px #00000040}.login-brand-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.login-card h1{color:var(--primary);margin-bottom:.35rem;font-size:1.4rem;font-weight:800;line-height:1.25}.login-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.82rem}.login-card form{flex-direction:column;gap:1rem;display:flex}.input-group{text-align:left}.input-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.input-group input{border:2px solid var(--border-light);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:var(--bg);padding:.8rem 1rem;font-family:Montserrat,sans-serif;font-size:.88rem}.input-group input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #0e74901a}.input-group input::placeholder{color:#b0b8c4}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:2.75rem}.btn-show-password{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.btn-show-password:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform .1s, box-shadow var(--transition);border:none;width:100%;padding:.9rem 1.5rem;font-family:Montserrat,sans-serif;font-size:.88rem;font-weight:700}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #0e749040}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{color:var(--danger);margin-top:.25rem;font-size:.8rem;font-weight:600;display:none}.login-error.show{display:block}#admin-app{min-height:100vh;display:none}#admin-app.visible{flex-direction:column;display:flex}.admin-header{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:var(--white);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #00000026}.header-brand{letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:1rem;font-weight:800;display:flex}.header-center{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-logo{object-fit:contain;width:auto;height:48px;display:block}.header-brand .brand-icon{font-size:1.3rem}.header-right{align-items:center;gap:.625rem;display:flex}.header-badge{letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;padding:.3rem .85rem;font-size:.7rem;font-weight:700}.btn-header{color:var(--white);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;display:flex}.btn-header:hover{background:#fff3;border-color:#ffffff4d}.btn-header.btn-danger:hover{background:#c0392b80;border-color:#c0392b99}.admin-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.75rem 2rem}.section-title{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:800;display:flex}.dashboard-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.greeting{color:var(--primary);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.toolbar-right{align-items:center;gap:.75rem;display:flex}.last-updated{color:var(--text-muted);font-size:.7rem;font-weight:500}.btn-refresh{background:var(--white);color:var(--primary);border:2px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;display:flex}.btn-refresh:hover{background:var(--accent);border-color:var(--border)}.btn-refresh.spinning .refresh-icon{animation:.8s linear infinite spin}.refresh-icon{transition:transform .3s;display:inline-block}.tab-nav{border-bottom:2px solid var(--border-light);gap:0;margin-bottom:1.75rem;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700;display:flex;position:relative}.tab-btn:hover{color:var(--primary);border-bottom-color:var(--border)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-icon{font-size:1rem;line-height:1}.tab-badge{background:var(--primary);color:var(--white);text-align:center;border-radius:10px;min-width:1.35rem;padding:.15rem .45rem;font-size:.6rem;font-weight:800;line-height:1.3}.tab-btn:not(.active) .tab-badge{background:var(--border);color:var(--text-muted)}.tab-content{display:none}.tab-content.active{animation:.3s fadeInUp;display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.875rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);border-left:4px solid var(--primary);transition:all var(--transition);padding:1.25rem 1.35rem;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.04;width:80px;height:80px;transition:opacity var(--transition);border-radius:50%;position:absolute;top:-20px;right:-20px}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-2px)}.stat-card:hover:after{opacity:.07}.stat-card.revenue{border-left-color:#e4189a}.stat-card.revenue:after{background:#e4189a}.stat-card.court1{border-left-color:#3b82f6}.stat-card.court1:after{background:#3b82f6}.stat-card.court2{border-left-color:#8b5cf6}.stat-card.court2:after{background:#8b5cf6}.stat-card.court3{border-left-color:#ec4899}.stat-card.court3:after{background:#ec4899}.stat-icon{margin-bottom:.5rem;font-size:1.1rem}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;font-size:.68rem;font-weight:700}.stat-value{color:var(--primary);letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1}.stat-card.revenue .stat-value{color:#e4189a}.stat-card.court1 .stat-value{color:#1d4ed8}.stat-card.court2 .stat-value{color:#6d28d9}.stat-card.court3 .stat-value{color:#be185d}.stat-sub{color:var(--text-muted);margin-top:.3rem;font-size:.68rem}.filters-bar{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);flex-wrap:wrap;align-items:flex-end;gap:.875rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.35rem;min-width:140px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:.68rem;font-weight:700}.filter-group select,.filter-group input[type=date],.filter-group input[type=text]{border:2px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg);color:var(--text);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:.55rem .875rem;font-family:Montserrat,sans-serif;font-size:.82rem}.filter-group select:focus,.filter-group input[type=date]:focus,.filter-group input[type=text]:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #0e749014}.filter-group input[type=text]::placeholder{color:#b0b8c4}.filter-checkbox{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding-bottom:.15rem;font-size:.78rem;font-weight:600;display:flex}.filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.btn-reset{background:var(--bg);color:var(--primary);border:2px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:.55rem 1rem;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:700}.btn-reset:hover{background:var(--accent);border-color:var(--border)}.btn-export{background:var(--primary);color:#fff;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition);white-space:nowrap;border:none;padding:.45rem .9rem;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700}.btn-export:hover{background:var(--primary-dark,#3a5bbf)}.table-wrapper{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);overflow:hidden}.table-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.table-count{color:var(--text-muted);background:var(--bg);border-radius:10px;padding:.2rem .65rem;font-size:.75rem;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}thead{background:var(--bg)}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);white-space:nowrap;border-bottom:1px solid var(--border-light);padding:.7rem 1rem;font-size:.68rem;font-weight:700}tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition)}tbody tr:nth-child(2n){background:var(--primary-ghost)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#0e74900a}tbody td{color:var(--text);vertical-align:middle;padding:.8rem 1rem;font-size:.82rem}.date-cell{flex-direction:column;gap:.15rem;display:flex}.date-relative{text-transform:uppercase;letter-spacing:.04em;color:var(--primary-light);font-size:.65rem;font-weight:700}.date-relative.past{color:var(--text-muted)}.court-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.court-badge.c1{color:#1d4ed8;background:#dbeafe}.court-badge.c2{color:#6d28d9;background:#ede9fe}.court-badge.c3{color:#be185d;background:#fce7f3}.payment-badge{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.payment-badge.gcash{color:#065f46;background:#d1fae5}.payment-badge.cash{color:#92400e;background:#fef3c7}.btn-delete{background:var(--white);color:var(--danger);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1.5px solid #f5c6c2;padding:.35rem .85rem;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700}.btn-delete:hover{background:var(--danger-light);border-color:var(--danger)}.table-empty{text-align:center;color:var(--text-muted);padding:3.5rem 1rem}.table-empty .icon{opacity:.7;margin-bottom:.75rem;font-size:2.5rem}.table-empty p{font-size:.88rem;font-weight:600}.table-empty .sub{color:var(--text-muted);margin-top:.35rem;font-size:.78rem;font-weight:500}.loading-spinner{color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:.875rem;padding:3.5rem;font-size:.85rem;font-weight:600;display:flex}.spinner{border:3px solid var(--accent);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;align-items:center;gap:.5rem;max-width:340px;padding:.875rem 1.25rem;font-size:.82rem;font-weight:600;animation:.3s slideIn;display:flex}.toast.error{background:var(--danger)}.toast.removing{animation:.25s forwards slideOut}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;transition:opacity var(--transition);background:#00000059;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.show{opacity:1;display:flex}.modal-card{background:var(--white);width:100%;max-width:400px;box-shadow:var(--shadow-xl);text-align:center;border-radius:18px;padding:2.25rem 2rem;animation:.25s scaleIn}.modal-icon{margin-bottom:1rem;font-size:2.5rem}.modal-card h2{color:var(--text);margin-bottom:.5rem;font-size:1.15rem;font-weight:800}.modal-card p{color:var(--text-muted);margin-bottom:1.75rem;font-size:.82rem;line-height:1.5}.modal-actions{justify-content:center;gap:.75rem;display:flex}.btn-cancel-modal{background:var(--bg);color:var(--text-secondary);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:.65rem 1.35rem;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700}.btn-cancel-modal:hover{background:var(--accent);border-color:var(--border)}.btn-confirm-delete{background:var(--danger);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:.65rem 1.35rem;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700}.btn-confirm-delete:hover{background:#a93226;box-shadow:0 4px 12px #c0392b40}.account-modal-card{text-align:left;max-width:420px;padding:0;overflow:hidden}.account-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.account-modal-header h2{color:var(--primary);margin:0;font-size:1rem;font-weight:800}.modal-close{background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition);border:none;padding:.25rem .5rem;font-size:1.2rem;line-height:1}.modal-close:hover{color:var(--text);background:var(--accent)}.account-tab-panel{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.form-error{color:var(--danger);min-height:1rem;font-size:.78rem;font-weight:600}.form-note{color:var(--text-muted);font-size:.75rem;line-height:1.4}.revenue-period-toggle{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-sm);gap:.3rem;width:fit-content;margin-bottom:1.25rem;padding:.25rem;display:flex}.rev-period-btn{border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;padding:.5rem 1.35rem;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:700}.rev-period-btn:hover{color:var(--primary)}.rev-period-btn.active{background:var(--primary);color:var(--white);box-shadow:0 2px 6px #0e749033}.revenue-summary-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);border-left:4px solid #e4189a;margin-bottom:1.5rem;padding:1.75rem 2rem;position:relative;overflow:hidden}.revenue-summary-card:after{content:"";opacity:.04;background:#e4189a;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.revenue-period-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.revenue-total-amount{color:#e4189a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1}.revenue-meta{color:var(--text-muted);gap:1.5rem;font-size:.82rem;display:flex}.revenue-meta strong{color:var(--primary);font-weight:700}.revenue-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1rem;display:grid}.revenue-grid.two-col{grid-template-columns:repeat(2,1fr)}.revenue-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);border-left:4px solid var(--primary);transition:all var(--transition);padding:1.25rem 1.35rem;position:relative;overflow:hidden}.revenue-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-2px)}.revenue-card.court1{border-left-color:#3b82f6}.revenue-card.court2{border-left-color:#8b5cf6}.revenue-card.court3{border-left-color:#ec4899}.revenue-card.gcash-card{border-left-color:#059669}.revenue-card.cash-card{border-left-color:#d97706}.rev-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;font-size:.68rem;font-weight:700}.rev-card-amount{color:var(--primary);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.4rem;font-weight:800;line-height:1}.revenue-card.court1 .rev-card-amount{color:#1d4ed8}.revenue-card.court2 .rev-card-amount{color:#6d28d9}.revenue-card.court3 .rev-card-amount{color:#be185d}.revenue-card.gcash-card .rev-card-amount{color:#065f46}.revenue-card.cash-card .rev-card-amount{color:#92400e}.rev-card-meta{color:var(--text-muted);font-size:.7rem}.receipt-modal-card{text-align:left;max-width:560px;padding:0;overflow:hidden}.receipt-modal-body{flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1.25rem 1.5rem;display:flex}.receipt-loading{color:var(--primary);flex-direction:column;align-items:center;gap:.75rem;font-size:.82rem;font-weight:600;display:flex}.receipt-error{text-align:center;color:var(--danger);padding:1rem;font-size:.82rem;font-weight:600;line-height:1.5}#receipt-img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:460px}.receipt-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.receipt-modal-footer a{font-size:.78rem;text-decoration:none}.btn-receipt{background:var(--white);color:var(--primary);border:1.5px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:.35rem .85rem;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700}.btn-receipt:hover{background:var(--accent);border-color:var(--primary)}.no-receipt{color:var(--text-muted);font-size:.82rem}.section-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem;line-height:1.5}.announcement-editor{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:1.5rem}.announcement-toolbar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.announcement-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.announcement-toggle input[type=checkbox]{display:none}.toggle-slider{background:var(--border);width:42px;height:24px;transition:background var(--transition);border-radius:12px;flex-shrink:0;position:relative}.toggle-slider:after{content:"";background:var(--white);width:18px;height:18px;transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.announcement-toggle input:checked+.toggle-slider{background:var(--primary)}.announcement-toggle input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.announcement-status{color:var(--text-muted);font-size:.72rem;font-weight:500}.announcement-editor .input-group{margin-bottom:1rem}.announcement-editor textarea{border:2px solid var(--border-light);border-radius:var(--radius-sm);resize:vertical;width:100%;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:var(--bg);color:var(--text);padding:.8rem 1rem;font-family:Montserrat,sans-serif;font-size:.88rem;line-height:1.6}.announcement-editor textarea:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #0e749014}.announcement-preview{border:1.5px solid #fecaca;border-left:4px solid var(--danger);border-radius:var(--radius-sm);background:#fef2f2;margin-top:1rem;padding:1.25rem 1.5rem}.announcement-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem;font-size:.65rem;font-weight:700}.announcement-preview-title{color:var(--danger);margin-bottom:.4rem;font-size:1.2rem;font-weight:800}.announcement-preview-content{color:var(--danger);white-space:pre-wrap;font-size:1rem;font-weight:600;line-height:1.6}.announcement-actions{justify-content:flex-end;display:flex}.lock-editor{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);padding:1.5rem}.lock-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.lock-panel{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:1.25rem}.lock-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:1rem;font-size:.72rem;font-weight:700}.lock-panel-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-lock-all-time{background:var(--white);color:var(--primary);border:1.5px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:.3rem .75rem;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700}.btn-lock-all-time:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.lock-calendar{-webkit-user-select:none;user-select:none}.lock-cal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.lock-cal-month{color:var(--primary);font-size:.88rem;font-weight:800}.lock-cal-nav{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:32px;height:32px;color:var(--primary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-size:1.2rem;display:flex}.lock-cal-nav:hover{background:var(--accent);border-color:var(--border)}.lock-cal-weekdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.lock-cal-weekdays span{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.3rem 0;font-size:.62rem;font-weight:700}.lock-cal-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.lock-cal-day{text-align:center;border-radius:var(--radius-xs);cursor:pointer;color:var(--text);padding:.45rem 0;font-size:.78rem;font-weight:600;transition:all .12s;position:relative}.lock-cal-day.empty{cursor:default}.lock-cal-day.past{color:var(--text-muted);opacity:.4;cursor:not-allowed}.lock-cal-day.today{color:var(--primary);background:var(--accent);font-weight:800}.lock-cal-day:not(.empty):not(.past):hover{background:var(--accent)}.lock-cal-day.selected{opacity:1;background:var(--primary)!important;color:var(--white)!important}.lock-time-grid{-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;gap:4px;display:grid}.lock-time-slot{text-align:center;border-radius:var(--radius-xs);cursor:pointer;background:var(--white);border:1px solid var(--border-light);color:var(--text-secondary);padding:.5rem .6rem;font-size:.72rem;font-weight:600;transition:all .12s}.lock-time-slot:hover{border-color:var(--primary);color:var(--primary);background:#0e74900a}.lock-time-slot.selected{background:var(--primary);color:var(--white);border-color:var(--primary)}.lock-selected-info{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.72rem;font-weight:700}.lock-options{border-top:1px solid var(--border-light);align-items:flex-end;gap:1rem;padding-top:1.25rem;display:flex}.btn-lock{white-space:nowrap;color:#f0fbfd;text-shadow:0 1px 2px #0006;flex-shrink:0;width:auto;padding:.65rem 1.5rem}.locks-list{flex-direction:column;gap:.75rem;display:flex}.lock-card{background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-light);border-left:4px solid var(--danger);box-shadow:var(--shadow-xs);transition:all var(--transition);padding:1rem 1.25rem}.lock-card:hover{box-shadow:var(--shadow)}.lock-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.lock-card-dates{color:var(--primary);margin-bottom:.35rem;font-size:.88rem;font-weight:800}.lock-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:flex}.lock-court-tag{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.lock-reason-tag{color:#92400e;background:#fef3c7;border-radius:10px;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.lock-card-times{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.35rem;margin-top:.75rem;padding-top:.75rem;display:flex}.lock-time-tag{background:var(--bg);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-xs);padding:.2rem .6rem;font-size:.68rem;font-weight:600}@media (width<=1024px){.admin-main{max-width:100%;padding:1.5rem}.stats-grid,.revenue-grid{grid-template-columns:repeat(3,1fr)}.lock-grid{gap:1rem}}@media (width<=768px){.admin-main{padding:1.25rem 1rem}.header-badge{display:none}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.revenue-grid,.revenue-grid.two-col{grid-template-columns:1fr 1fr}.lock-options{flex-wrap:wrap}.lock-options .filter-group{min-width:unset;flex:45%}.btn-lock{width:100%}.announcement-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.receipt-modal-card{max-width:calc(100vw - 2rem)}#receipt-img{max-height:380px}}@media (width<=640px){.admin-header{gap:.5rem;height:56px;padding:0 1rem}.header-brand{font-size:.8rem}.header-right{gap:.4rem}.btn-header{padding:.3rem .6rem;font-size:.68rem}.admin-main{padding:1rem .75rem}.section-title{font-size:.9rem}.section-desc{font-size:.78rem}.greeting{font-size:.9rem}.dashboard-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.toolbar-right{justify-content:space-between;width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem}.stat-value{font-size:1.4rem}.stat-label,.stat-sub{font-size:.62rem}.stat-icon{margin-bottom:.35rem;font-size:.9rem}.tab-nav{margin-bottom:1.25rem}.tab-btn{gap:.3rem;padding:.7rem .9rem;font-size:.78rem}.tab-icon{font-size:.85rem}.tab-badge{min-width:1.1rem;padding:.1rem .35rem;font-size:.55rem}.filters-bar{flex-direction:column;gap:.65rem;padding:.875rem 1rem}.filter-group{min-width:unset;width:100%}.btn-reset{text-align:center;width:100%}.table-scroll{overflow-x:unset}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody tr{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--white);border-left:3px solid var(--primary-light);margin-bottom:.625rem;padding:.875rem 1rem}tbody tr:nth-child(2n),tbody tr:hover{background:var(--white)}tbody tr:hover{box-shadow:var(--shadow)}tbody td{border:none;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.8rem;display:flex}tbody td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;min-width:72px;font-size:.62rem;font-weight:700}.table-wrapper{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}table{min-width:unset;width:100%}tbody td:last-child{border-top:1px solid var(--border-light);margin-top:.5rem;padding-top:.5rem}tbody td:last-child:before{display:none}.btn-delete,.btn-receipt{text-align:center;width:100%;padding:.5rem}.revenue-grid,.revenue-grid.two-col{grid-template-columns:1fr}.revenue-total-amount{font-size:2rem}.revenue-summary-card{padding:1.25rem}.revenue-meta{flex-direction:column;gap:.25rem}.announcement-editor{padding:1rem}.announcement-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.toggle-label{font-size:.75rem}.announcement-preview{padding:.875rem 1rem}.announcement-preview-title{font-size:1rem}.announcement-preview-content{font-size:.85rem}.lock-editor{padding:1rem}.lock-grid{grid-template-columns:1fr;gap:1rem}.lock-panel{padding:1rem}.lock-cal-day{padding:.4rem 0;font-size:.72rem}.lock-cal-weekdays span{font-size:.58rem}.lock-cal-month{font-size:.82rem}.lock-cal-nav{width:28px;height:28px;font-size:1rem}.lock-time-grid{grid-template-columns:1fr 1fr}.lock-time-slot{padding:.55rem .5rem;font-size:.7rem}.lock-options{flex-direction:column;gap:.75rem}.lock-options .filter-group{width:100%;min-width:unset}.btn-lock{width:100%}.lock-card{padding:.875rem 1rem}.lock-card-header{flex-direction:column;gap:.5rem}.lock-card-header .btn-delete{text-align:center;width:100%}.lock-card-dates{font-size:.82rem}.lock-card-times{gap:.25rem}.lock-time-tag{padding:.15rem .45rem;font-size:.62rem}.login-card{border-radius:20px;padding:2rem 1.5rem 1.75rem}.login-card h1{font-size:1.2rem}.modal-card{border-radius:14px;max-width:calc(100vw - 2rem);padding:1.75rem 1.25rem}.modal-card h2{font-size:1.05rem}.modal-card p{font-size:.78rem}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}.receipt-modal-card{max-width:calc(100vw - 1.5rem)}.receipt-modal-body{min-height:160px;padding:1rem}#receipt-img{max-height:320px}.receipt-modal-footer{padding:.875rem 1rem}}@media (width<=480px){.admin-header{height:52px;padding:0 .875rem}.header-brand{font-size:.75rem}.btn-header{padding:.275rem .5rem;font-size:.65rem}.admin-main{padding:.875rem .625rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.875rem}.stat-value{font-size:1.3rem}.tab-btn{padding:.65rem .8rem;font-size:.76rem}.tab-icon{font-size:.82rem}.lock-time-slot{padding:.5rem .35rem;font-size:.68rem}#receipt-img{max-height:280px}.login-card{padding:1.75rem 1.25rem 1.5rem}.login-wrapper{max-width:360px}.login-logo{height:90px}}@media (width<=375px){.admin-header{height:50px;padding:0 .75rem}.header-brand{font-size:.7rem}.header-right{gap:.3rem}.btn-header{padding:.25rem .45rem;font-size:.62rem}.admin-main{padding:.75rem .5rem}.section-title{font-size:.85rem}.greeting{font-size:.82rem}.stats-grid{gap:.4rem}.stat-card{padding:.75rem}.stat-value{font-size:1.2rem}.stat-label,.stat-sub{font-size:.58rem}.stat-icon{font-size:.85rem}.tab-btn{gap:.25rem;padding:.6rem .7rem;font-size:.72rem}.tab-icon{font-size:.75rem}.tab-badge{padding:.08rem .3rem;font-size:.5rem}.lock-cal-day{padding:.35rem 0;font-size:.68rem}.lock-cal-days{gap:2px}.lock-cal-weekdays span{font-size:.55rem}.lock-cal-month{font-size:.78rem}.lock-cal-nav{width:26px;height:26px;font-size:.9rem}.lock-time-grid{grid-template-columns:1fr}.lock-time-slot{padding:.55rem;font-size:.7rem}.lock-time-tag{padding:.12rem .35rem;font-size:.58rem}.lock-card-meta{gap:.3rem}.announcement-editor{padding:.875rem}.announcement-editor .input-group input,.announcement-editor textarea{padding:.65rem .75rem;font-size:.82rem}.announcement-preview-title{font-size:.9rem}.announcement-preview-content{font-size:.78rem}.revenue-total-amount{font-size:1.75rem}.revenue-summary-card{padding:1rem}.modal-card{max-width:calc(100vw - 1rem);padding:1.5rem 1rem}.modal-card h2{font-size:1rem}.modal-card p{font-size:.75rem}.receipt-modal-body{padding:.875rem}#receipt-img{max-height:240px}.receipt-modal-footer{padding:.75rem .875rem}#login-screen{padding:1rem}.login-wrapper{max-width:100%}.login-card{border-radius:16px;padding:1.5rem 1rem 1.25rem}.login-logo{height:80px;margin-bottom:-14px}.login-card h1{font-size:1.1rem}.login-card p{font-size:.75rem}.filters-bar{gap:.5rem;padding:.75rem}}@media (width<=320px){.admin-header{height:48px;padding:0 .625rem}.header-brand{font-size:.65rem}.btn-header{padding:.2rem .4rem;font-size:.6rem}.admin-main{padding:.625rem .5rem}.section-title{font-size:.8rem}.section-desc{font-size:.72rem}.greeting{font-size:.75rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}.stat-label,.stat-sub{font-size:.6rem}.tab-btn{padding:.55rem .65rem;font-size:.68rem}.tab-icon{font-size:.7rem}.lock-cal-day{padding:.28rem 0;font-size:.62rem}.lock-cal-weekdays span{font-size:.5rem}.lock-cal-nav{width:24px;height:24px}.lock-panel,.lock-editor{padding:.75rem}.lock-time-slot{padding:.5rem;font-size:.65rem}.revenue-total-amount{font-size:1.6rem}.revenue-grid,.revenue-grid.two-col{grid-template-columns:1fr}.modal-card{border-radius:12px;max-width:calc(100vw - .75rem);padding:1.25rem .875rem}#receipt-img{max-height:200px}#login-screen{padding:.75rem}.login-card{border-radius:14px;padding:1.25rem .875rem 1rem}.login-logo{height:70px;margin-bottom:-12px}.login-card h1{font-size:1rem}.filters-bar{padding:.625rem}}#court-stat-cards{display:contents}.court-add-form{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:.5rem;padding:1.25rem;display:flex;box-shadow:0 1px 4px #00000012}.court-add-form .filter-group{flex:160px;min-width:140px}.btn-add-court{white-space:nowrap;flex-shrink:0;width:auto}.price-input-wrapper{border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--white);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.price-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0e749014}.price-prefix{color:var(--primary);background:var(--bg-subtle);border-right:2px solid var(--border-light);-webkit-user-select:none;user-select:none;padding:.55rem .6rem .55rem .875rem;font-size:.9rem;font-weight:700}.price-input-wrapper input[type=number]{width:100%;color:var(--text);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:.55rem .875rem;font-family:inherit;font-size:.9rem}.price-input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.courts-list{flex-direction:column;gap:.75rem;display:flex}.court-item{background:#fff;border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 4px #00000012}.court-item.court-inactive{opacity:.5}.court-item-color{border-radius:4px;flex-shrink:0;width:14px;height:40px}.court-item-info{flex:1}.court-item-name{color:#1e5c45;font-size:1rem;font-weight:700}.court-item-meta{color:#666;margin-top:2px;font-size:.85rem}.court-item-actions{gap:.5rem;display:flex}.btn-deactivate{color:#c0392b;cursor:pointer;background:#fff;border:1.5px solid #c0392b;border-radius:6px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-deactivate:hover{background:#ffeaea}.btn-activate{color:#1e5c45;cursor:pointer;background:#fff;border:1.5px solid #1e5c45;border-radius:6px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-activate:hover{background:#eaf5ef}@media (width<=600px){.court-add-form{flex-direction:column}.court-add-form .filter-group{flex:unset;width:100%}.btn-add-court{width:100%}.court-item{flex-wrap:wrap;gap:.75rem}.court-item-actions{justify-content:flex-end;width:100%}}.open-play-editor{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xs);border:1px solid var(--border-light);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.open-play-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.open-play-fields{transition:opacity .2s}.op-fields-disabled{opacity:.4;pointer-events:none}.open-play-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.open-play-actions{justify-content:flex-end;display:flex}.op-reg-header{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.82rem;font-weight:700;display:flex}.op-reg-count{color:var(--primary)}.op-spots-left{color:#27ae60;background:#eaf5ef;border-radius:20px;padding:.2rem .65rem;font-size:.78rem;font-weight:700}.op-spots-left.op-full{color:var(--danger);background:var(--danger-light)}.op-reg-list{background:var(--white);border:1px solid var(--border-light);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;overflow:hidden}.op-reg-item{border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .15s;display:flex}.op-reg-item:last-child{border-bottom:none}.op-reg-item:hover{background:var(--bg-subtle)}.op-reg-num{background:var(--primary-ghost);width:24px;height:24px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.op-reg-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.op-reg-name{color:var(--text);font-size:.85rem;font-weight:700}.op-reg-phone{color:var(--text-muted);font-size:.75rem}.op-reg-time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}@media (width<=600px){.open-play-grid{grid-template-columns:1fr 1fr}.open-play-actions button{width:100%}}@media (width<=400px){.open-play-grid{grid-template-columns:1fr}}.edit-court-modal-card{text-align:left;width:100%;max-width:440px;padding:0;overflow:hidden}.edit-court-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.edit-court-modal-header h2{color:var(--primary);font-size:1rem;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0 .25rem;font-size:1.4rem;line-height:1}.modal-close:hover{color:var(--text)}.edit-court-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.edit-court-actions{justify-content:flex-end;margin-top:.5rem}.btn-save-court-primary{width:auto;padding:.65rem 1.5rem}.location-type-toggle{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius-sm);gap:4px;width:100%;padding:4px;display:flex}.location-btn{cursor:pointer;color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.55rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:flex}.location-btn svg{opacity:.7;flex-shrink:0;transition:opacity .18s}.location-btn:hover:not(.active){background:var(--primary-ghost);color:var(--primary)}.location-btn:hover:not(.active) svg{opacity:1}.location-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0e749047}.location-btn.active svg{opacity:1}.btn-court-edit{background:var(--white);color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition);padding:.4rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600}.btn-court-edit:hover{background:var(--primary-ghost)}@media (width<=600px){.edit-court-modal-card{max-width:calc(100vw - 1rem)}.edit-court-modal-body{padding:1.25rem 1rem}.edit-court-actions{flex-direction:column-reverse}.btn-save-court-primary,.edit-court-actions .btn-cancel-modal{text-align:center;width:100%}}.lock-tab-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.lock-tab-header .section-title{margin-bottom:.25rem}.btn-lock-month{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}.btn-lock-month:hover{background:var(--primary-dark)}.lock-month-modal-card{text-align:left;width:100%;max-width:480px;padding:1.75rem 1.75rem 1.5rem}.lock-month-modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.lock-month-modal-header h2{color:var(--text);font-size:1.1rem;font-weight:800}.lock-month-modal-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem;line-height:1.5}.lock-month-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.lock-month-btn{background:var(--bg);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .4rem;font-family:Montserrat,sans-serif;display:flex}.lock-month-btn:hover{border-color:var(--primary);background:var(--accent)}.lock-month-btn.selected{background:var(--primary);border-color:var(--primary);color:var(--white)}.lock-month-btn.past{opacity:.55}.lock-month-name{font-size:.82rem;font-weight:700}.lock-month-year{opacity:.7;font-size:.66rem;font-weight:600}.lock-month-btn.selected .lock-month-year{opacity:.85}.lock-month-reason-group{margin-top:.25rem}@media (width<=480px){.lock-month-grid{grid-template-columns:repeat(3,1fr)}.lock-month-modal-card{padding:1.25rem 1rem 1rem}.lock-tab-header{flex-direction:column;align-items:flex-start}.btn-lock-month{justify-content:center;width:100%}}