@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Manrope:wght@200..800&display=swap";:root{--primary:#c2652a;--primary-container:#e08850;--on-primary:#fff;--background:#faf5ee;--on-background:#3a302a;--surface:#faf5ee;--surface-container:#f2ece4;--surface-container-low:#f6f0e8;--surface-container-high:#ece6dc;--surface-container-highest:#e6e0d6;--on-surface:#3a302a;--on-surface-variant:#605850;--outline:#9a9088;--outline-variant:#d8d0c899;--error:#c0392b;--font-headline:"EB Garamond", serif;--font-body:"Manrope", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--shadow-sm:0 2px 8px #3a302a05;--shadow-md:0 2px 16px #3a302a0a;--shadow-lg:0 8px 32px #3a302a14;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--on-surface);font-weight:700}button{cursor:pointer;font-family:var(--font-body);transition:var(--transition);background:0 0;border:none}a{color:inherit;transition:var(--transition);text-decoration:none}input,select,textarea{font-family:var(--font-body);outline:none}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.w-full{width:100%}.h-full{height:100%}.btn{border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-container);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--outline-variant);color:var(--on-surface);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-container);border-color:var(--primary)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--on-primary)}.btn-ghost{color:var(--on-surface-variant);background-color:#0000}.btn-ghost:hover{background-color:var(--surface-container);color:var(--primary)}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.btn-md{padding:.6rem 1.2rem;font-size:1rem}.btn-lg{padding:.8rem 1.6rem;font-size:1.125rem}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navbar{z-index:100;height:80px;transition:var(--transition);color:#fff;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:70px;box-shadow:var(--shadow-sm);color:var(--on-background);background-color:#faf5eef2}.auth-navbar{color:var(--on-background);background-color:#0000;position:absolute}.logo{font-family:var(--font-headline);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.logo span{color:var(--primary)}.nav-link{opacity:.8;font-size:.9375rem;font-weight:500}.nav-link:hover{opacity:1;color:var(--primary)}.scrolled .nav-link{color:var(--on-background)}@media (width<=768px){.nav-links{display:none}}.landing-page{overflow-x:hidden}.hero{color:#fff;align-items:center;height:100vh;display:flex;position:relative}.hero-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-background img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#3a302acc,#3a302a66);width:100%;height:100%;position:absolute;top:0;left:0}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:4.5rem;line-height:1.1}.hero-subtitle{opacity:.9;max-width:700px;margin-bottom:2.5rem;font-size:1.25rem}.watch-demo{color:#fff!important}.trust-bar{border-bottom:1px solid var(--outline-variant);padding:4rem 0}.trust-label{letter-spacing:.2em;color:var(--outline);text-align:center;margin-bottom:2rem;font-size:.75rem;font-weight:700}.gym-names{font-family:var(--font-headline);color:var(--on-surface-variant);opacity:.6;font-size:1.25rem;font-weight:700}.section-tag{letter-spacing:.1em;color:var(--primary);margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:3rem;font-size:3rem;line-height:1.2}.features-section{padding:8rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{background-color:var(--surface-container-low);border-radius:var(--radius-lg);transition:var(--transition);padding:2.5rem}.feature-card:hover{box-shadow:var(--shadow-lg);background-color:#fff;transform:translateY(-5px)}.feature-icon{background-color:var(--surface-container-high);width:50px;height:50px;color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.25rem}.feature-card p{color:var(--on-surface-variant);font-size:.9375rem}.how-it-works{padding:8rem 0}.bg-surface{background-color:var(--surface-container-low)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:4rem;display:grid}.step-card{position:relative}.step-number{font-family:var(--font-headline);color:var(--primary);opacity:.1;font-size:4rem;font-weight:800;position:absolute;top:-2rem;left:0}.step-card h3{margin-bottom:1rem;font-size:1.5rem;position:relative}.step-card p{color:var(--on-surface-variant);position:relative}.pricing-section{padding:8rem 0}.pricing-card-wrapper{justify-content:center;display:flex}.pricing-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--outline-variant);background-color:#fff;width:100%;max-width:500px;padding:3rem}.pricing-card.featured{border:2px solid var(--primary);position:relative}.pricing-header{text-align:center;margin-bottom:2.5rem}.pricing-header h3{margin-bottom:1rem;font-size:1.5rem}.price{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.currency{color:var(--primary);font-size:1.5rem;font-weight:700}.amount{font-size:4rem;font-weight:800;font-family:var(--font-headline)}.period{color:var(--on-surface-variant)}.pricing-features{margin-bottom:3rem;list-style:none}.pricing-features li{border-bottom:1px solid var(--outline-variant);color:var(--on-surface-variant);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.9375rem;display:flex}.pricing-footer{text-align:center;color:var(--outline);margin-top:1.5rem;font-size:.875rem}.landing-footer{border-top:1px solid var(--outline-variant);background-color:#fff;padding:4rem 0}.footer-left p{color:var(--on-surface-variant);margin-top:.5rem;font-size:.875rem}.footer-right a{color:var(--on-surface-variant);font-size:.875rem}.footer-right a:hover{color:var(--primary)}@media (width<=992px){.hero-title{font-size:3rem}.steps-grid{grid-template-columns:1fr;gap:4rem}}.auth-page{background-color:var(--background);height:100vh;display:flex}.auth-container{width:100%;height:100%;display:flex}.auth-form-panel{background-color:#fff;flex-direction:column;flex:1;max-width:600px;padding:2rem 4rem;display:flex}.auth-header{padding-bottom:1rem}.auth-form-content{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-badge{color:#c2652a;background-color:#fbf5ef;border:1px solid #c2652a33;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.auth-title{color:var(--on-surface,#1e293b);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--on-surface-variant,#64748b);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.auth-error-banner{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.4;display:flex}.auth-actions-panel{flex-direction:column;gap:1.25rem;display:flex}.google-signin-button{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.875rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014;color:#1f2937!important;background-color:#fff!important;border:1px solid #d1d5db!important}.google-signin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background-color:#f9fafb!important;border-color:#9ca3af!important}.google-signin-button:active:not(:disabled){transform:translateY(0)}.google-signin-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.btn-loading-spinner{border:2px solid #00000026;border-top-color:#c2652a;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.auth-helper-note{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5}.legal-text{color:var(--outline,#94a3b8);text-align:center;margin-top:2.5rem;font-size:.75rem;line-height:1.6}.legal-text a{color:var(--on-surface,#1e293b);text-decoration:underline}.auth-footer{color:var(--outline,#94a3b8);text-align:center;padding-top:2rem;font-size:.8125rem}.auth-image-panel{flex:1.2;position:relative;overflow:hidden}.auth-image-panel img{object-fit:cover;width:100%;height:100%}.auth-image-overlay{background-color:#c2652a66;width:100%;height:100%;position:absolute;top:0;left:0}.quote-container{text-align:center;color:#fff;padding:0 4rem;position:absolute;bottom:10%;left:0;right:0}.quote-text{font-family:var(--font-headline);margin-bottom:1.5rem;font-size:1.75rem;line-height:1.4}.quote-divider{opacity:.6;background-color:#fff;width:60px;height:2px;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.auth-image-panel{display:none}.auth-form-panel{max-width:100%;padding:2rem}}.table-container{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background-color:#fff;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background-color:var(--surface-container-low);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.custom-table td{color:var(--on-surface);border-bottom:1px solid var(--outline-variant);padding:1rem 1.5rem;font-size:.875rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--surface-container-low)}.status-badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-active{color:#2c7a7b;background-color:#e6fffa}.status-pending{color:#9c4221;background-color:#fffaf0}.status-expired{color:#c53030;background-color:#fff5f5}.status-unknown{background-color:var(--surface-container-highest);color:var(--on-surface-variant)}.dashboard{flex-direction:column;gap:2.5rem;display:flex}.page-header{margin-bottom:.5rem}.page-title{margin-bottom:.25rem;font-size:2rem}.page-subtitle{color:var(--on-surface-variant);font-size:.9375rem}.stats-row{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--outline-variant);background-color:#fff;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-icon-wrapper{background-color:var(--surface-container-low);width:50px;height:50px;color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.75rem;font-weight:600}.stat-value{margin:.25rem 0;font-size:1.5rem;font-weight:700}.stat-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:flex}.stat-trend.positive{color:#2c7a7b}.stat-trend.negative{color:#c53030}.stat-trend.neutral{color:var(--outline)}.dashboard-grid{grid-template-columns:1fr 340px;gap:2rem;display:grid}.main-content-area,.side-content-area{flex-direction:column;gap:2rem;display:flex}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--outline-variant);background-color:#fff;overflow:hidden}.card-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-header h3{align-items:center;gap:.5rem;font-size:1.125rem;display:flex}.member-cell{align-items:center;gap:.75rem;display:flex}.avatar-placeholder{background-color:var(--primary-container);width:32px;height:32px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.events-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.event-item{background-color:var(--surface-container-low);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:1rem;padding:1rem;display:flex}.event-item:hover{background-color:var(--surface-container)}.event-type-indicator{border-radius:2px;width:4px;height:32px}.event-type-indicator.competition{background-color:var(--primary)}.event-type-indicator.regular{background-color:#3182ce}.event-info{flex:1}.event-info h4{margin-bottom:.125rem;font-size:.9375rem}.event-time{color:var(--on-surface-variant);font-size:.75rem}.event-tag{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.625rem;font-weight:700}.event-tag.competition{color:var(--primary);background-color:#fbe8d8}.event-tag.regular{color:#3182ce;background-color:#ebf8ff}.now-playing-card{background-color:var(--on-background);color:#fff}.now-playing-card .card-header{border-bottom-color:#ffffff1a}.now-playing-content{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.album-art{border-radius:var(--radius-lg);width:120px;height:120px;color:var(--primary);background-color:#ffffff1a;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.song-info h4{color:#fff;font-size:1.25rem}.song-info p{color:#fff9;margin-bottom:.75rem}.requester-tag{background-color:var(--primary);color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.progress-bar{background-color:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-top:2rem;overflow:hidden}.progress-fill{background-color:var(--primary);height:100%}.queue-list{flex-direction:column;display:flex}.queue-item{border-bottom:1px solid var(--outline-variant);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.queue-pos{color:var(--outline);width:20px;font-size:.75rem;font-weight:700}.queue-song-info{flex:1}.queue-song-info h5{font-size:.875rem}.queue-song-info p{color:var(--on-surface-variant);font-size:.75rem}.queue-status{color:var(--primary);text-transform:uppercase;font-size:.625rem;font-weight:700}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}.input-group{flex-direction:column;gap:.4rem;width:100%;display:flex}.input-label{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.input-wrapper{border:1px solid var(--outline-variant);border-radius:var(--radius-md);transition:var(--transition);background-color:#fff;align-items:center;padding:0 .8rem;display:flex}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #c2652a1a}.input-wrapper.has-error{border-color:var(--error)}.input-icon{color:var(--on-surface-variant);margin-right:.6rem}.input-field{color:var(--on-surface);background:0 0;border:none;flex:1;padding:.6rem 0;font-size:.9375rem}.input-field::placeholder{color:var(--outline)}.input-error{color:var(--error);font-size:.75rem}.input-wrapper.read-only{background-color:var(--surface-container-low);cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#3a302a66;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.modal-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{color:var(--on-surface-variant);border-radius:50%;padding:.4rem}.modal-close:hover{background-color:var(--surface-container);color:var(--primary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--outline-variant);background-color:var(--surface-container-low);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background-color:#3a302a66;transition:all .3s;position:fixed;inset:0}.drawer-overlay.is-open{opacity:1;visibility:visible}.drawer-content{background-color:var(--surface);width:400px;height:100%;box-shadow:var(--shadow-lg);z-index:1001;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-400px}.drawer-content.is-open{transform:translate(-400px)}.drawer-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-header h2{margin:0;font-size:1.25rem}.drawer-close{color:var(--on-surface-variant);border-radius:50%;padding:.4rem}.drawer-close:hover{background-color:var(--surface-container);color:var(--primary)}.drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.drawer-footer{border-top:1px solid var(--outline-variant);background-color:var(--surface-container-low);justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width<=480px){.drawer-content{width:100%;right:-100%}.drawer-content.is-open{transform:translate(-100%)}}.toast-notification{z-index:9999;background:#fff;border-left:4px solid #10b981;border-radius:12px;justify-content:space-between;align-items:center;min-width:300px;padding:16px;animation:.3s ease-out slideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 25px #0000001a}.toast-notification.error{border-left-color:#ef4444}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{color:#10b981}.error .toast-icon{color:#ef4444}.toast-message{color:#111827;font-size:.875rem;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.toast-close:hover{color:#4b5563;background:#f3f4f6}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.users-page{flex-direction:column;gap:2rem;display:flex}.table-actions{margin-bottom:1rem}.search-wrapper{width:350px;position:relative}.search-icon{color:var(--outline);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-wrapper input{border-radius:var(--radius-md);border:1px solid var(--outline-variant);width:100%;font-family:var(--font-body);transition:var(--transition);background-color:#fff;padding:.75rem 1rem .75rem 3rem}.search-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c2652a1a}.users-table-fixed{overflow-x:hidden!important}.users-table-fixed table{table-layout:fixed!important;width:100%!important}.col-id{width:140px}.col-name{width:180px}.col-email{width:220px}.col-phone,.col-sub{width:130px}.col-date{width:110px}.col-status{width:140px}.col-name,.col-email{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.col-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.date-picker-wrapper{position:relative}.calendar-trigger-btn{color:var(--on-surface-variant);opacity:.6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:36px;right:12px}.calendar-trigger-btn:hover{opacity:1}.hidden-date-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.user-id-chip{color:var(--primary);background-color:var(--surface-container-low);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.sub-badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.sub-badge.annually{color:var(--primary);background-color:#fbe8d8}.sub-badge.monthly{color:#2c7a7b;background-color:#e6fffa}.sub-badge.halfyearly{color:#3182ce;background-color:#ebf8ff}.action-btn{color:var(--on-surface-variant);border-radius:50%;padding:.5rem}.action-btn:hover{background-color:var(--surface-container-low)}.action-btn.edit:hover{color:#3182ce}.action-btn.delete:hover{color:var(--error)}.user-form-grid{flex-direction:column;gap:1.5rem;display:flex}.select-field{border-radius:var(--radius-md);border:1px solid var(--outline-variant);width:100%;font-family:var(--font-body);background-color:#fff;padding:.6rem .8rem}.whatsapp-wrapper{flex-direction:column;gap:.5rem;display:flex}.checkbox-label{color:var(--on-surface-variant);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.read-only-field .input-wrapper{background-color:var(--surface-container-low);cursor:not-allowed}.filters-container{flex-direction:column;gap:2rem;display:flex}.filter-group{flex-direction:column;gap:1rem;display:flex}.filter-label{color:var(--on-surface);font-size:.875rem;font-weight:700}.pill-toggles{gap:.5rem;display:flex}.pill-btn{border:1px solid var(--outline-variant);color:var(--on-surface-variant);border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.pill-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.checkbox-filters{flex-direction:column;gap:.75rem;display:flex}.checkbox-filter-item{color:var(--on-surface-variant);cursor:pointer;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.range-slider-wrapper{padding:1rem 0}.custom-range{width:100%;accent-color:var(--primary)}.slider-value{color:var(--primary);font-size:.875rem;font-weight:700}.range-labels{color:var(--outline);margin-top:.5rem;font-size:.75rem}.btn-error{color:var(--error)!important;border-color:var(--error)!important}.btn-error:hover{background-color:#fff5f5!important}.bulk-progress-floating-card{z-index:1200;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.625rem;width:90%;min-width:380px;max-width:520px;padding:1rem 1.25rem;transition:all .3s;animation:.3s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -4px #00000029,0 4px 12px -2px #00000014}.bulk-progress-floating-card.complete{background-color:#f0fdf4;border-color:#86efac}.bulk-progress-floating-card.error{background-color:#fffaf0;border-color:#fca5a5}.bulk-progress-header{color:#1e293b;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;display:flex}.bulk-progress-title{color:#1e293b;align-items:center;gap:.5rem;display:flex}.bulk-progress-percent{color:#c2652a;font-size:.875rem;font-weight:700}.bulk-progress-floating-card.complete .bulk-progress-percent{color:#059669}.bulk-progress-floating-card.error .bulk-progress-percent{color:#dc2626}.bulk-progress-track{background-color:#f1f5f9;border-radius:9999px;width:100%;height:8px;overflow:hidden}.bulk-progress-fill{background:linear-gradient(90deg,#c2652a 0%,#e07a38 100%);border-radius:9999px;height:100%;transition:width .25s ease-out}.bulk-progress-fill.complete{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.bulk-progress-fill.error{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)}.bulk-spinner{border:2px solid #c2652a33;border-top-color:#c2652a;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.bulk-upload-modal{flex-direction:column;gap:1.25rem;display:flex}.bulk-info-box{color:#7c2d12;background-color:#fffaf5;border:1px solid #fed7aa;border-radius:8px;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5}.bulk-dropzone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;transition:all .2s;display:flex}.bulk-dropzone:hover,.bulk-dropzone.active{background-color:#fbf5ef;border-color:#c2652a}.bulk-dropzone-icon{color:#c2652a;background-color:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex}.bulk-preview-wrapper{border:1px solid #e2e8f0;border-radius:8px;max-height:220px;margin-top:.75rem;overflow:hidden auto}.bulk-preview-table{border-collapse:collapse;width:100%;font-size:.75rem}.bulk-preview-table th{text-align:left;color:#475569;z-index:1;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem .75rem;font-weight:600;position:sticky;top:0}.bulk-preview-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.bulk-error-list{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-height:120px;padding:.75rem 1rem;font-size:.8125rem;overflow-y:auto}.trainers-page{flex-direction:column;gap:2rem;display:flex}.trainer-id-chip{color:#3182ce;background-color:#ebf8ff;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.speciality-tag{background-color:var(--surface-container);color:var(--on-surface);border-radius:4px;padding:.2rem .6rem;font-size:.8125rem;font-weight:600}.action-btn.assign:hover{color:var(--primary)}.assign-users-content{flex-direction:column;gap:2rem;display:flex}.search-box{position:relative}.search-result-card{border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;z-index:10;transition:var(--transition);background-color:#fff;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem 1rem;display:flex;position:absolute;top:100%;left:0;right:0}.search-result-card:hover{background-color:var(--surface-container-low)}.result-info{flex-direction:column;display:flex}.result-name{font-size:.9375rem;font-weight:600}.result-id{color:var(--outline);font-size:.75rem}.selected-members{flex-direction:column;gap:.75rem;display:flex}.member-chips{background-color:var(--surface-container-low);border-radius:var(--radius-md);border:1px dashed var(--outline-variant);flex-wrap:wrap;gap:.75rem;min-height:100px;padding:1rem;display:flex}.empty-selection{color:var(--outline);margin:auto;font-size:.875rem}.member-chip{background-color:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600;animation:.2s cubic-bezier(.17,.67,.83,.67) popIn;display:flex}.member-chip button{color:#fff;opacity:.7;justify-content:center;align-items:center;display:flex}.member-chip button:hover{opacity:1}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.song-requests-page{flex-direction:column;gap:2rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.yt-connect-btn{color:#fff;border-radius:var(--radius-lg,12px);cursor:pointer;background-color:#1a1a1a;border:1px solid #ffffff26;align-items:center;gap:.6rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0003}.yt-connect-btn:hover{background-color:#262626;border-color:#ffffff40;transform:translateY(-1px)}.yt-connect-btn.connected{color:#ff6b6b;background-color:#ef44441f;border-color:#ef444466}.yt-connect-btn.connected:hover{background-color:#ef444433}.yt-icon{color:red}.status-indicator-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-indicator-dot.online{background-color:#22c55e;animation:2s infinite pulseGreen;box-shadow:0 0 8px #22c55e}.status-indicator-dot.offline{background-color:#6b7280}@keyframes pulseGreen{0%{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.75;transform:scale(.95)}}.song-requests-grid{grid-template-columns:380px 1fr;align-items:start;gap:2.5rem;display:grid}@media (width<=1024px){.song-requests-grid{grid-template-columns:1fr}}.now-playing-main{background-color:var(--on-background,#121212);color:#fff;text-align:center;border-radius:var(--radius-xl,16px);border:1px solid #ffffff14;flex-direction:column;align-items:center;padding:2rem;display:flex;box-shadow:0 10px 30px #00000059}.now-playing-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.header-badge-group{letter-spacing:.1em;color:var(--primary,#c2652a);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.player-status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.2rem .6rem;font-size:.6875rem;font-weight:600}.player-status-pill.playing{color:#4ade80;background-color:#22c55e26;border:1px solid #22c55e4d}.player-status-pill.ready{color:var(--primary,#c2652a);background-color:#c2652a26;border:1px solid #c2652a4d}.player-status-pill.offline{color:#ffffff80;background-color:#ffffff14;border:1px solid #ffffff1a}.yt-video-frame-wrapper{border-radius:var(--radius-lg,12px);background-color:#0a0a0a;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.yt-iframe-box{border:none;width:100%;height:200px}.yt-iframe-box.hidden{display:none}.yt-iframe-box.active{display:block}.yt-placeholder-view{flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem 1rem;display:flex}.main-album-art{border-radius:var(--radius-lg,12px);width:90px;height:90px;color:var(--primary,#c2652a);background-color:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.yt-connect-hint p{color:#fff9;margin-bottom:.75rem;font-size:.8125rem}.yt-quick-connect-btn{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;background-color:#ef4444;border:none;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.75rem;font-weight:600;transition:opacity .2s;display:inline-flex}.yt-quick-connect-btn:hover{opacity:.9}.yt-empty-queue-hint{color:#ffffff73;font-size:.8125rem;line-height:1.4}.yt-player-error-banner{color:#fca5a5;background-color:#ef444426;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:.4rem;margin-top:.75rem;padding:.4rem .8rem;font-size:.75rem;display:flex}.main-song-info{width:100%;margin-bottom:1.25rem}.main-song-info h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.35rem;font-size:1.4rem;overflow:hidden}.main-song-info p{color:#fff9;margin-bottom:.75rem;font-size:.875rem}.main-requester{color:var(--primary,#c2652a);background-color:#c2652a2e;border:1px solid #c2652a66;border-radius:20px;padding:.25rem .85rem;font-size:.75rem;font-weight:500;display:inline-block}.now-playing-url-btn{color:#fffc;border-radius:var(--radius-md,8px);background-color:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.now-playing-url-btn:hover{color:#fff;background-color:#ffffff26}.main-progress{width:100%;margin-bottom:1.5rem}.progress-bar-bg{background-color:#ffffff1f;border-radius:3px;width:100%;height:6px;margin-bottom:.6rem;position:relative;overflow:hidden}.progress-bar-bg.clickable{cursor:pointer;transition:height .15s}.progress-bar-bg.clickable:hover{height:8px}.progress-bar-fill{background:linear-gradient(90deg, var(--primary,#c2652a), #e07a38);border-radius:3px;height:100%;transition:width .15s linear}.progress-times{color:#ffffff73;font-size:.75rem;font-weight:600}.player-controls-bar{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:1rem;width:100%;padding-top:.5rem;display:flex}.player-ctrl-btn{cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.player-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.player-ctrl-btn.secondary{color:#fff;background-color:#ffffff14;border-radius:50%;width:40px;height:40px}.player-ctrl-btn.secondary:hover:not(:disabled){background-color:#ffffff29;transform:scale(1.06)}.player-ctrl-btn.primary-play{background:linear-gradient(135deg, var(--primary,#c2652a), #e07a38);color:#fff;border-radius:50%;width:52px;height:52px;box-shadow:0 4px 16px #c2652a66}.player-ctrl-btn.primary-play:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px #c2652a8c}.player-ctrl-btn.primary-play.playing{animation:2.5s infinite gentleGlow}@keyframes gentleGlow{0%{box-shadow:0 4px 16px #c2652a66}50%{box-shadow:0 4px 24px #c2652ab3}to{box-shadow:0 4px 16px #c2652a66}}.player-ctrl-btn.icon-only{color:#fff9;background:0 0;border-radius:6px;padding:.3rem}.player-ctrl-btn.icon-only:hover:not(:disabled){color:#fff}.volume-control-group{align-items:center;gap:.35rem;margin-left:.5rem;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:65px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary,#c2652a);cursor:pointer;border-radius:50%;width:10px;height:10px}.stats-mini-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.stat-mini-card{border-radius:var(--radius-lg,12px);border:1px solid var(--outline-variant,#e5e7eb);background-color:#fff;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-mini-icon{color:var(--primary,#c2652a);opacity:.85}.stat-mini-label{color:var(--on-surface-variant,#6b7280);font-size:.75rem}.stat-mini-value{font-size:1rem;font-weight:700}.list-card{flex-direction:column;min-height:500px;display:flex}.list-tabs{border-bottom:1px solid var(--outline-variant,#e5e7eb);display:flex}.list-tab{color:var(--on-surface-variant,#6b7280);cursor:pointer;background:0 0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.list-tab.active{color:var(--primary,#c2652a);border-bottom-color:var(--primary,#c2652a);background-color:var(--surface-container-low,#f9fafb)}.list-content{flex:1;padding:1rem 0}.queue-list-items,.history-list-items{flex-direction:column;display:flex}.queue-list-item,.history-list-item{border-bottom:1px solid var(--outline-variant,#e5e7eb);align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:background-color .2s;animation:.3s ease-out fadeIn;display:flex}.queue-list-item.now-playing-item{border-left:3px solid var(--primary,#c2652a);background-color:#c2652a0d}.item-pos{color:var(--outline,#9ca3af);justify-content:center;align-items:center;width:24px;font-size:.875rem;font-weight:700;display:flex}.item-playing-indicator{justify-content:center;align-items:center;display:inline-flex}.item-info{flex:1;min-width:0}.item-title-row{align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.item-info h4{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.item-info p{color:var(--on-surface-variant,#6b7280);font-size:.8125rem}.item-actions{align-items:center;gap:.5rem;display:flex}.item-url-link{color:var(--primary,#c2652a);word-break:break-all;align-items:center;gap:.35rem;max-width:90%;margin-top:.35rem;font-size:.75rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.item-url-link:hover{opacity:.85;text-decoration:underline}.item-url-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-url-empty{color:var(--outline,#9ca3af);margin-top:.25rem;font-size:.75rem;font-style:italic;display:block}.item-badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.625rem;font-weight:700}.item-badge.upnext{color:var(--primary,#c2652a);background-color:#fbe8d8}.item-btn{color:var(--on-surface-variant,#6b7280);cursor:pointer;transition:var(--transition,.2s ease);background:0 0;border:none;border-radius:50%;padding:.5rem}.item-btn:hover{background-color:var(--surface-container-low,#f3f4f6)}.item-btn.check:hover{color:#2c7a7b}.item-btn.delete:hover{color:var(--error,#ef4444)}.empty-state{text-align:center;color:var(--outline,#9ca3af);padding:4rem;font-size:.9375rem}.calendar-page{flex-direction:column;gap:2rem;display:flex}.calendar-grid{grid-template-columns:320px 1fr;gap:2rem;display:grid}.mini-calendar{padding:1.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-header h3{font-size:1rem;font-weight:700}.calendar-nav{gap:.5rem;display:flex}.calendar-nav button{color:var(--on-surface-variant);border-radius:4px;padding:.25rem}.calendar-nav button:hover{background-color:var(--surface-container-low);color:var(--primary)}.calendar-days-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:1rem;display:grid}.calendar-days-header span{color:var(--outline);font-size:.75rem;font-weight:700}.calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;transition:var(--transition);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:relative}.calendar-day:hover{background-color:var(--surface-container-low)}.calendar-day.today{color:var(--primary);font-weight:800}.calendar-day.selected{background-color:var(--primary);color:#fff}.calendar-day.other-month{opacity:.3}.event-dot{background-color:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.calendar-day.selected .event-dot{background-color:#fff}.selected-day-events{margin-top:1.5rem}.selected-events-list{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.empty-events{text-align:center;color:var(--outline);padding:1rem;font-size:.8125rem}.selected-event-card{background-color:var(--surface-container-low);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:1rem;padding:.75rem;display:flex}.selected-event-card:hover{background-color:var(--surface-container);transform:translate(4px)}.event-card-indicator{border-radius:2px;width:4px;height:24px}.event-card-indicator.competition{background-color:var(--primary)}.event-card-indicator.regular{background-color:#3182ce}.event-card-content{flex:1}.event-card-content h4{margin-bottom:.125rem;font-size:.875rem}.event-card-content span{color:var(--on-surface-variant);font-size:.75rem}.timeline-content{flex-direction:column;padding:2rem;display:flex}.timeline-item{gap:2rem;display:flex}.timeline-date{flex-direction:column;align-items:center;min-width:40px;display:flex}.date-num{font-size:1.5rem;font-weight:800;font-family:var(--font-headline)}.date-month{text-transform:uppercase;color:var(--primary);font-size:.75rem;font-weight:700}.timeline-marker{flex-direction:column;align-items:center;display:flex}.marker-dot{border:2px solid var(--primary);z-index:1;background-color:#fff;border-radius:50%;width:12px;height:12px}.marker-line{background-color:var(--outline-variant);flex:1;width:2px;margin:4px 0}.timeline-info{cursor:pointer;flex:1;padding-bottom:3rem}.event-main-info h4{margin:.75rem 0 .5rem;font-size:1.25rem}.event-main-info p{color:var(--on-surface-variant);margin-bottom:1rem;font-size:.9375rem}.event-type-pill{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.625rem;font-weight:700}.event-type-pill.competition{color:var(--primary);background-color:#fbe8d8}.event-type-pill.regular{color:#3182ce;background-color:#ebf8ff}.event-meta{gap:1.5rem;display:flex}.meta-item{color:var(--outline);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.event-details-content{flex-direction:column;gap:2rem;display:flex}.details-desc{color:var(--on-surface-variant);margin-top:1rem;line-height:1.6}.details-meta-list{flex-direction:column;gap:1.5rem;display:flex}.details-meta-item{align-items:flex-start;gap:1.25rem;display:flex}.details-meta-item svg{color:var(--primary);margin-top:2px}.details-meta-item label{text-transform:uppercase;color:var(--outline);margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.details-meta-item span{font-weight:600}.textarea-field{border-radius:var(--radius-md);border:1px solid var(--outline-variant);width:100%;font-family:var(--font-body);padding:.75rem}.photos-modal-footer{justify-content:flex-end;gap:1rem;width:100%;display:flex}.photos-modal-content{flex-direction:column;gap:1.5rem;display:flex}.existing-photos-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}@media (width<=600px){.existing-photos-grid{grid-template-columns:repeat(2,1fr)}}.photo-card{border-radius:var(--radius-md);border:1px solid var(--outline-variant);aspect-ratio:1;position:relative;overflow:hidden}.photo-thumbnail{object-fit:cover;width:100%;height:100%}.delete-icon-btn{background-color:var(--error);color:#fff;opacity:0;cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.photo-card:hover .delete-icon-btn{opacity:1}.delete-icon-btn:hover{background-color:#a0281b}.dropzone-area{border:2px dashed var(--outline);border-radius:var(--radius-lg);text-align:center;background-color:var(--surface-container-low);transition:var(--transition);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.dropzone-area:hover{background-color:var(--surface-container);border-color:var(--primary)}.dropzone-icon{color:var(--outline);margin-bottom:.75rem}.dropzone-text-primary{color:var(--on-surface);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.dropzone-text-secondary{color:var(--on-surface-variant);margin-bottom:1.25rem;font-size:.75rem}.hidden-file-input{display:none}.previews-section{flex-direction:column;gap:.75rem;display:flex}.previews-title{color:var(--on-surface);font-size:.875rem;font-weight:700}.previews-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=600px){.previews-grid{grid-template-columns:repeat(2,1fr)}}.preview-card{border-radius:var(--radius-md);border:1px solid var(--outline-variant);aspect-ratio:1;position:relative;overflow:hidden}.remove-preview-btn{color:#fff;cursor:pointer;background-color:#3a302ab3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:.5rem;right:.5rem}.remove-preview-btn:hover{background-color:var(--on-background)}.results-modal-footer{justify-content:flex-end;gap:1rem;width:100%;display:flex}.results-modal-content{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}.position-row{border-bottom:1px solid var(--outline-variant);flex-direction:column;gap:.75rem;padding-bottom:1.25rem;display:flex}.position-row:last-child{border-bottom:none;padding-bottom:0}.checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;width:fit-content;display:flex}.results-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--primary);cursor:pointer}.position-label{color:var(--on-surface);font-size:.95rem;font-weight:600}.inputs-flex{gap:1rem;display:flex}.inputs-flex .flex-1{flex:1}@media (width<=480px){.inputs-flex{flex-direction:column;gap:.75rem}}.event-history-page{flex-direction:column;gap:2.5rem;display:flex}.history-stats-row{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.history-stat-card{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:#fff;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.history-stat-icon{background-color:var(--surface-container-low);width:50px;height:50px;color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.history-stat-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.history-stat-value{margin-top:.25rem;font-size:1.5rem;font-weight:700}.event-id-chip{color:#5a4b41;background-color:#f2ede9;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;transition:all .2s}.event-id-link,.event-name-link{color:inherit;text-decoration:none;transition:color .2s}.event-id-link:hover .event-id-chip{background-color:var(--primary);color:#fff;cursor:pointer}.event-name-link:hover{color:var(--primary);cursor:pointer;text-decoration:underline}.event-detail-page{flex-direction:column;gap:2rem;padding:.5rem 0;display:flex}.back-navigation{margin-bottom:-.5rem}.back-btn{color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:.5rem;margin-left:-.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{color:var(--primary);background-color:var(--surface-container-low)}.event-detail-header-card{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:#fff;flex-direction:column;gap:1.25rem;padding:2rem;display:flex;box-shadow:0 1px 3px #0000000d}.header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.event-detail-id-chip{color:#5a4b41;letter-spacing:.02em;background-color:#f2ede9;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.header-badges{align-items:center;gap:.75rem;display:flex}.badge{border-radius:12px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-upcoming{color:#1d4ed8;background-color:#eff6ff}.badge-ongoing{color:#b45309;background-color:#fffbeb}.badge-completed{color:#15803d;background-color:#f0fdf4}.badge-competition{color:#db2777;background-color:#fdf2f8}.badge-workshop{color:#7c3aed;background-color:#f5f3ff}.event-detail-title{color:var(--on-surface);margin:0;font-size:2rem;font-weight:800;line-height:1.2}.header-meta-row{border-top:1px solid var(--outline-variant);flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.meta-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.meta-value{color:var(--on-surface);font-size:.95rem;font-weight:600}.event-detail-desc{flex-direction:column;gap:.5rem;display:flex}.desc-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.desc-text{color:var(--on-surface);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.6}.event-detail-section{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:#fff;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 1px 3px #0000000d}.section-header{border-bottom:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex}.section-title-wrapper{flex-direction:column;gap:.25rem;display:flex}.section-title{color:var(--on-surface);margin:0;font-size:1.25rem;font-weight:700}.section-subtitle{color:var(--on-surface-variant);margin:0;font-size:.875rem}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:10;opacity:0;pointer-events:none;background-color:#333;border-radius:6px;width:180px;margin-left:-90px;padding:6px 10px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:125%;left:50%}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.gallery-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}@media (width<=992px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=576px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-photo-slot{aspect-ratio:1;border-radius:var(--radius-md);width:100%;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.gallery-photo-slot.filled{border:1px solid var(--outline-variant)}.gallery-photo-slot.empty{border:2px dashed var(--outline);background-color:var(--surface-container-low);cursor:pointer;justify-content:center;align-items:center;display:flex}.gallery-photo-slot.empty:hover{background-color:var(--surface-container);border-color:var(--primary)}.empty-slot-content{color:var(--outline);flex-direction:column;align-items:center;gap:.5rem;transition:color .2s;display:flex}.gallery-photo-slot.empty:hover .empty-slot-content{color:var(--primary)}.empty-slot-icon{stroke-width:1.5px}.empty-slot-text{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.gallery-img{object-fit:cover;width:100%;height:100%;display:block}.gallery-photo-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.gallery-photo-slot.filled:hover .gallery-photo-overlay{opacity:1}.gallery-delete-btn{background-color:var(--error);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 2px 8px #0003}.gallery-delete-btn:hover{background-color:#a0281b;transform:scale(1.1)}.no-results-card{text-align:center;border:1px dashed var(--outline-variant);border-radius:var(--radius-md);background-color:var(--surface-container-low);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.trophy-circle{color:#d97706;background-color:#fffbeb;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 2px 6px #d977061a}.trophy-icon{stroke-width:1.5px}.no-results-card h3{color:var(--on-surface);margin:0;font-size:1.15rem;font-weight:700}.no-results-card p{color:var(--on-surface-variant);max-width:320px;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.winner-position-label{color:var(--on-surface);font-size:.95rem;font-weight:700}.winner-id-chip{color:#5a4b41;background-color:#f2ede9;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:700}.winner-name-text{color:var(--on-surface);font-size:.95rem}.event-detail-loading{color:var(--on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.spinner{border:3px solid var(--surface-container);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.event-detail-error{text-align:center;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.event-detail-error h2{color:var(--error);margin:0;font-size:1.5rem;font-weight:700}.event-detail-error p{color:var(--on-surface-variant);margin:0 0 1rem;font-size:.95rem}.settings-page{flex-direction:column;gap:2rem;display:flex}.settings-container{grid-template-columns:280px 1fr;align-items:start;gap:2.5rem;display:grid}.settings-sidebar{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background-color:#fff;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.settings-tab{border-radius:var(--radius-md);color:var(--on-surface-variant);transition:var(--transition);text-align:left;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;display:flex}.settings-tab:hover{background-color:var(--surface-container-low);color:var(--primary)}.settings-tab.active{background-color:var(--surface-container);color:var(--primary)}.settings-card{padding:2.5rem}.section-header{border-bottom:1px solid var(--outline-variant);margin-bottom:2.5rem;padding-bottom:1.5rem}.section-header h3{margin-bottom:.5rem;font-size:1.25rem}.section-header p{color:var(--on-surface-variant);font-size:.875rem}.settings-form{flex-direction:column;gap:2rem;display:flex}.avatar-section{align-items:center;gap:1.5rem;display:flex}.current-avatar{background-color:var(--primary-container);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-actions{justify-content:flex-start;margin-top:1rem;display:flex}.subscription-info{flex-direction:column;gap:2.5rem;display:flex}.current-plan-card{background-color:var(--on-background);color:#fff;border-radius:var(--radius-lg);align-items:center;gap:2rem;padding:2rem;display:flex}.plan-badge{letter-spacing:.1em;background-color:var(--primary);border-radius:4px;padding:.4rem 1rem;font-size:.625rem;font-weight:700}.plan-details{flex:1}.plan-details h4{margin-bottom:.25rem;font-size:1.125rem}.plan-details p{color:#fff9;font-size:.875rem}.plan-price{font-size:1.75rem;font-weight:800;font-family:var(--font-headline)}.plan-price span{color:#fff9;font-size:.875rem;font-weight:400}.method-card{border:1px solid var(--outline-variant);border-radius:var(--radius-md);align-items:center;gap:1.25rem;margin-top:.75rem;padding:1.25rem;display:flex}.method-info{flex:1}.method-info span{font-weight:600;display:block}.method-info p{color:var(--on-surface-variant);font-size:.75rem}.subscription-actions{gap:1rem;display:flex}.notification-options{flex-direction:column;gap:1.5rem;display:flex}.notification-item{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding-bottom:1.25rem;display:flex}.notification-item span{font-size:.9375rem;font-weight:500}@media (width<=992px){.settings-container,.form-grid{grid-template-columns:1fr}}.sidebar{border-right:1px solid var(--outline-variant);z-index:100;background-color:#fff;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--outline-variant);padding:2rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:var(--on-surface-variant);transition:var(--transition);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.sidebar-link:hover{background-color:var(--surface-container-low);color:var(--primary)}.sidebar-link.active{background-color:var(--surface-container);color:var(--primary);box-shadow:var(--shadow-sm)}.sidebar-footer{border-top:1px solid var(--outline-variant);padding:1.5rem 1rem}.logout:hover{color:var(--error);background-color:#fff5f5}.admin-layout{background-color:var(--background);min-height:100vh;display:flex}.admin-main{flex-direction:column;flex:1;margin-left:260px;display:flex}.admin-topbar{background-color:#0000;align-items:center;height:70px;display:flex}.admin-page-content{flex:1;padding:1.5rem 2rem 3rem}@media (width<=992px){.admin-main{margin-left:0}}