.default-container-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:24px;background-color:var(--color-background-grey)}.login-container{max-width:400px;width:100%;box-sizing:border-box;padding:24px;border-radius:16px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:12px;align-items:center}.login-container label{width:100%;text-align:left}.login-container input{width:100%;padding:10px;border:1px solid var(--color-grey);border-radius:8px;font-size:16px;box-sizing:border-box}.password-input{width:100%;position:relative}.password-toggle-icon{position:absolute;height:16px;right:48px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-grey)}.forgot-password{width:100%;text-align:right;color:var(--color-neon-blue);font-size:14px;cursor:pointer;margin-top:5px}.login-container button{width:100%;padding:12px 24px;background-color:var(--color-black);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px}.login-container button:hover{background-color:var(--color-dark-blue)}.login-container button:disabled{background-color:var(--color-grey);cursor:not-allowed}.or-text{color:var(--color-grey)}.help-text{color:var(--color-grey);font-style:italic;margin-top:12px}.login-container button svg{font-size:16px}.page-container{min-height:100vh;background-color:var(--color-off-white);font-family:var(--font-body-new)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--color-off-white);border-bottom:1px solid var(--color-cream);position:sticky;top:0;z-index:100}.navbar-profile{display:flex;align-items:center;gap:10px}.navbar-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-neon-blue)}.navbar-profile-fallback{width:40px;height:40px;border-radius:50%;background:var(--gradient-blue);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;text-transform:uppercase}.navbar-profile-name{font-size:14px;font-weight:600;color:var(--color-dark-blue)}.navbar-title{font-size:18px;font-family:var(--font-primary);color:var(--color-dark-blue);margin:0;position:absolute;left:50%;transform:translate(-50%)}.navbar-logout{background-color:transparent;color:var(--color-grey);border:none;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease}.navbar-logout:hover{color:var(--color-negative)}.page-content{padding:24px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.nav-button-container{display:flex;justify-content:center}.nav-button{background-color:var(--color-neon-blue);color:var(--color-white);border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;max-width:400px;box-shadow:0 4px 12px #3859ff4d}.nav-button:hover{background-color:var(--color-dark-blue);transform:translateY(-2px);box-shadow:0 6px 16px #3859ff66}.dashboard-card{background-color:var(--color-white);border-radius:16px;padding:24px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:12px}.dashboard-card h3{font-size:16px;font-weight:700;font-family:var(--font-body-new);color:var(--color-dark-blue);margin:0;padding-bottom:12px;border-bottom:1px solid var(--color-background-grey)}.dashboard-card p{font-size:14px;color:var(--color-dark-grey);margin:0;line-height:1.5}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.empty-state{text-align:center;padding:24px;color:var(--color-grey)}.sessions-toggle{display:flex;background-color:var(--color-background-grey);border-radius:10px;padding:4px;gap:4px}.toggle-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--font-body-new);cursor:pointer;transition:all .2s ease;background-color:transparent;color:var(--color-grey)}.toggle-btn:hover{color:var(--color-dark-blue)}.toggle-btn.active{background-color:var(--color-white);color:var(--color-dark-blue);box-shadow:0 2px 4px #0000001a}.workouts-container{display:flex;flex-direction:column;gap:24px}.workout-day-group{display:flex;flex-direction:column;gap:12px}.workout-day-header{font-size:14px;font-weight:600;color:var(--color-dark-blue);margin:0;padding-bottom:8px;border-bottom:1px solid var(--color-cream)}.workout-day-list{display:flex;flex-direction:column;gap:8px}.workout-row{display:grid;grid-template-columns:60px 1fr 50px 36px;gap:12px;align-items:center;background-color:var(--color-white);padding:14px 16px;border-radius:12px;box-shadow:0 1px 3px #00000014}.workout-time{font-size:16px;font-weight:700;color:var(--color-dark-blue);font-family:var(--font-body-new)}.workout-details{display:flex;flex-direction:column;gap:2px;min-width:0}.workout-location{font-size:14px;font-weight:600;color:var(--color-dark-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workout-timer{font-size:12px;color:var(--color-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workout-spots{font-size:13px;font-weight:600;color:var(--color-dark-blue);font-family:var(--font-body-new);text-align:center}.workout-playlist-indicator{display:flex;justify-content:center;align-items:center}.playlist-icon{font-size:18px}.playlist-icon.has-playlist{color:var(--color-positive)}.playlist-icon.no-playlist{color:var(--color-dark-grey)}.workout-row.clickable{cursor:pointer;transition:all .15s ease}.workout-row.clickable:hover{background-color:var(--color-light-blue);transform:translate(4px)}.workout-row.clickable:active{transform:translate(2px)}.navbar-back{background:none;border:none;font-size:20px;font-weight:300;color:var(--color-dark-blue);cursor:pointer;padding:0 8px;line-height:1;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.navbar-back:hover{color:var(--color-neon-blue)}.navbar-spacer{width:60px}.workout-detail-header{background-color:var(--color-white);border-radius:16px;padding:20px 24px;box-shadow:0 2px 4px #0000001a;text-align:center}.workout-detail-date{font-size:18px;font-weight:700;color:var(--color-dark-blue);margin-bottom:8px}.workout-detail-info{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.workout-detail-time{font-size:16px;font-weight:600;color:var(--color-neon-blue)}.workout-detail-separator{color:var(--color-grey)}.workout-detail-location,.workout-detail-format{font-size:14px;color:var(--color-dark-grey)}.workout-playlist-section{background-color:var(--color-white);border-radius:16px;padding:20px 24px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.workout-playlist-header{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.workout-playlist-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-dark-blue);padding-bottom:12px;border-bottom:1px solid var(--color-cream)}.workout-playlist-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--color-neon-blue);color:var(--color-white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.workout-playlist-edit-btn:hover{background-color:var(--color-dark-blue)}.workout-playlist-content{padding-top:8px}.workout-playlist-info{display:flex;flex-direction:column;gap:8px}.workout-playlist-name{margin:0;font-size:15px;font-weight:600;color:var(--color-dark-blue)}.workout-playlist-mode{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;width:fit-content}.workout-playlist-mode svg{font-size:11px}.workout-playlist-mode.order{background-color:#e3f2fd;color:#1976d2}.workout-playlist-mode.shuffle{background-color:#f3e5f5;color:#7b1fa2}.workout-playlist-loading,.workout-playlist-empty{margin:0;font-size:14px;color:var(--color-grey);font-style:italic}.bookings-section{background-color:var(--color-white);border-radius:16px;padding:20px 24px;box-shadow:0 2px 4px #0000001a}.bookings-section-title{font-size:16px;font-weight:700;color:var(--color-dark-blue);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-cream)}.bookings-section-title.no-show-title{color:var(--color-negative)}.bookings-list{display:flex;flex-direction:column;gap:8px}.booking-card{display:grid;grid-template-columns:32px 1fr 40px 40px;gap:12px;align-items:center;padding:12px 16px;background-color:var(--color-off-white);border-radius:10px}.booking-card.no-show{background-color:#ffebee;opacity:.8}.booking-card.no-show .booking-name{color:var(--color-negative)}.booking-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.booking-icon-placeholder{width:18px;height:18px}.first-timer-star{color:#f9a825;font-size:16px}.anniversary-trophy{color:var(--color-positive);font-size:16px}.booking-name{font-size:15px;font-weight:600;color:var(--color-dark-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-language{font-size:11px;font-weight:600;color:var(--color-grey);background-color:var(--color-background-grey);padding:4px 8px;border-radius:4px;text-align:center}.booking-count{font-size:14px;font-weight:700;color:var(--color-dark-blue);text-align:center}.booking-count.first-timer{color:var(--color-neon-blue)}.booking-count.anniversary{color:var(--color-positive)}.error-text{color:var(--color-negative);text-align:center;padding:24px}.notification-warning-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #f9a825;box-shadow:0 4px 12px #f9a82540}.notification-warning-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(249,168,37,.3)}.notification-warning-header h3{margin:0;padding:0;border:none;color:#e65100;font-size:16px}.warning-icon{font-size:24px;color:#f9a825}.notification-warning-content{display:flex;flex-direction:column;gap:12px}.notification-warning-content p{color:#5d4037;font-weight:500;line-height:1.6}.notification-blocked{color:var(--color-negative)!important;font-weight:600!important}.enable-notifications-btn{background-color:#f9a825;color:#5d4037;border:none;padding:14px 24px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;align-self:flex-start;box-shadow:0 2px 8px #f9a82566}.enable-notifications-btn:hover{background-color:#f57c00;color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #f9a82580}.enable-notifications-btn{display:flex;align-items:center;gap:8px}.notification-warning-card.notification-denied{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;box-shadow:0 4px 12px #ef535040}.notification-warning-card.notification-denied .notification-warning-header{border-bottom-color:#ef53504d}.notification-warning-card.notification-denied .notification-warning-header h3{color:#c62828}.notification-warning-card.notification-denied .warning-icon,.notification-warning-card.notification-denied .denied-icon{color:#ef5350}.notification-instructions{background:#ffffffb3;border-radius:8px;padding:16px;margin-top:8px}.notification-instructions .instructions-title{font-weight:700!important;color:#c62828!important;margin-bottom:8px;font-size:14px}.notification-instructions ol{margin:0;padding-left:20px;color:#5d4037;font-size:14px;line-height:1.8}.notification-instructions li{margin-bottom:4px}.notification-unsupported-card{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #9e9e9e;box-shadow:0 4px 12px #9e9e9e40}.notification-unsupported-card .notification-warning-header{border-bottom-color:#9e9e9e4d}.notification-unsupported-card .notification-warning-header h3{color:#616161}.notification-unsupported-card .warning-icon{color:#9e9e9e}.notification-unsupported-card .notification-warning-content p{color:#757575}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-notification-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.navbar-notification-indicator .notification-icon{font-size:18px}.navbar-notification-indicator.notifications-enabled{background:#4caf5026}.navbar-notification-indicator.notifications-enabled .notification-icon{color:#4caf50}.navbar-notification-indicator.notifications-denied{background:#ef535026;animation:pulse-denied 2s infinite}.navbar-notification-indicator.notifications-denied .notification-icon{color:#ef5350}@keyframes pulse-denied{0%,to{box-shadow:0 0 #ef535066}50%{box-shadow:0 0 0 8px #ef535000}}.navbar-notification-indicator.notifications-default{background:#f9a82526;cursor:pointer}.navbar-notification-indicator.notifications-default:hover{background:#f9a8254d;transform:scale(1.1)}.navbar-notification-indicator.notifications-default .notification-icon{color:#f9a825}.profile-hero{background:var(--gradient-blue);border-radius:20px;padding:32px 24px;color:var(--color-white);display:flex;flex-direction:column;gap:24px}.profile-hero-content{display:flex;flex-direction:column}.profile-hero-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:4px}.profile-hero-title{font-size:28px;font-family:var(--font-primary);margin:0 0 8px}.profile-hero-subtitle{font-size:16px;opacity:.9;font-family:var(--font-secondary);font-style:italic}.profile-stats{display:flex;gap:24px;flex-wrap:wrap}.profile-stat{background:#ffffff26;border-radius:12px;padding:16px 20px;flex:1;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px}.profile-stat-value{font-size:32px;font-weight:700;line-height:1}.profile-stat-unit{font-size:14px;font-weight:400;opacity:.8;margin-left:4px}.profile-section{background-color:var(--color-white);border-radius:16px;padding:24px;box-shadow:0 2px 4px #0000001a}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-background-grey)}.profile-section-title{font-size:18px;font-weight:700;color:var(--color-dark-blue);margin:0}.profile-edit-btn{background-color:transparent;color:var(--color-neon-blue);border:1.5px solid var(--color-neon-blue);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-edit-btn:hover{background-color:var(--color-neon-blue);color:var(--color-white)}.profile-button-group{display:flex;gap:12px}.profile-save-btn{background-color:var(--color-neon-blue);color:var(--color-white);border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.profile-save-btn:hover{background-color:var(--color-dark-blue)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-btn{background-color:var(--color-grey);color:var(--color-white);border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.profile-cancel-btn:hover{background-color:var(--color-dark-grey)}.profile-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field.full-width{grid-column:1 / -1}.profile-field-label{font-size:12px;font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px}.profile-field-value{font-size:15px;color:var(--color-dark-blue);margin:0}.profile-field-input{padding:10px 12px;border:1.5px solid var(--color-background-grey);border-radius:8px;font-size:15px;font-family:var(--font-body-new);color:var(--color-dark-blue);transition:border-color .2s ease}.profile-field-input:focus{outline:none;border-color:var(--color-neon-blue)}.location-multiselect{position:relative}.location-multiselect-trigger{padding:10px 12px;border:1.5px solid var(--color-background-grey);border-radius:8px;font-size:15px;font-family:var(--font-body-new);color:var(--color-dark-blue);background-color:var(--color-white);cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px}.location-multiselect-trigger:hover{border-color:var(--color-grey)}.location-multiselect-trigger.open{border-color:var(--color-neon-blue);border-bottom-left-radius:0;border-bottom-right-radius:0}.location-multiselect-placeholder{color:var(--color-grey)}.location-multiselect-arrow{font-size:12px;color:var(--color-grey);transition:transform .2s ease}.location-multiselect-arrow.open{transform:rotate(180deg)}.location-multiselect-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border:1.5px solid var(--color-neon-blue);border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.location-multiselect-option{padding:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .15s ease}.location-multiselect-option:hover,.location-multiselect-option.selected{background-color:var(--color-light-blue)}.location-multiselect-option.disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background-grey)}.location-multiselect-checkbox{width:18px;height:18px;border:2px solid var(--color-grey);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.location-multiselect-checkbox.checked{background-color:var(--color-neon-blue);border-color:var(--color-neon-blue);color:var(--color-white);font-size:12px}.location-multiselect-label{font-size:14px;color:var(--color-dark-blue)}.location-tags{display:flex;flex-wrap:wrap;gap:8px}.location-tag{background-color:var(--color-light-blue);color:var(--color-dark-blue);padding:6px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:6px}.location-tag-remove{cursor:pointer;font-size:14px;color:var(--color-grey);line-height:1}.location-tag-remove:hover{color:var(--color-negative)}.location-limit-note{font-size:12px;color:var(--color-grey);margin-top:4px}.alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.alert-error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.invoices-placeholder{text-align:center;padding:40px 20px;color:var(--color-grey)}.invoices-placeholder-icon{font-size:48px;margin-bottom:12px}.loading-text{color:var(--color-grey);font-style:italic}@media screen and (max-width: 768px){.navbar{padding:12px 16px}.navbar-profile-name{display:none}.navbar-title{font-size:16px}.page-content{padding:16px 12px;gap:16px}.nav-button{padding:14px 24px;font-size:15px}.dashboard-content{grid-template-columns:1fr;gap:12px}.dashboard-card{padding:20px 16px}.profile-hero{padding:24px 20px}.profile-hero-title{font-size:24px}.profile-stats{flex-direction:column;gap:12px}.profile-stat{min-width:unset}.profile-data-grid{grid-template-columns:1fr;gap:16px}.profile-section-header{flex-direction:column;gap:12px;align-items:stretch}.profile-edit-btn{width:100%;text-align:center}.profile-button-group{flex-direction:column;width:100%}.profile-save-btn,.profile-cancel-btn{width:100%;text-align:center}.notification-warning-header h3{font-size:14px}.enable-notifications-btn{width:100%;text-align:center}.toggle-btn{padding:8px 12px;font-size:13px}.workout-row{padding:12px 14px;grid-template-columns:50px 1fr 45px 32px;gap:8px}.workout-time{font-size:15px}.workout-location{font-size:13px}.workout-timer{font-size:11px}.workout-spots{font-size:12px}.workout-detail-header{padding:16px 20px}.workout-detail-date{font-size:16px}.workout-detail-info{gap:6px}.workout-detail-time{font-size:14px}.workout-detail-location,.workout-detail-format{font-size:13px}.booking-card{grid-template-columns:28px 1fr 36px 36px;gap:8px;padding:10px 12px}.booking-name{font-size:14px}.booking-language{font-size:10px;padding:3px 6px}.booking-count{font-size:13px}}@media screen and (max-width: 375px){.page-content{padding:12px 8px}.navbar-logout{font-size:12px;padding:6px 10px}.profile-hero-title{font-size:20px}.profile-stat-value{font-size:28px}.dashboard-card{padding:16px 12px}}.playlist-select-content{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.playlist-select-search{position:relative;box-sizing:border-box}.playlist-select-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-grey);font-size:18px;z-index:1}.playlist-select-search-input{width:100%;padding:14px 40px 14px 44px;border:1.5px solid var(--color-background-grey);border-radius:12px;font-size:15px;font-family:var(--font-body-new);color:var(--color-dark-blue);background-color:var(--color-off-white);box-sizing:border-box}.playlist-select-search-input:focus{outline:none;border-color:var(--color-neon-blue)}.playlist-select-clear{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-grey);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1}.playlist-select-clear:hover{color:var(--color-dark-blue)}.playlist-select-bubbles{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.playlist-select-bubbles::-webkit-scrollbar{display:none}.playlist-select-bubble{flex-shrink:0;padding:10px 18px;border:1.5px solid var(--color-background-grey);border-radius:20px;background-color:var(--color-white);color:var(--color-dark-blue);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.playlist-select-bubble:hover{border-color:var(--color-neon-blue);background-color:var(--color-off-white)}.playlist-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.playlist-select-card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:16px;padding:12px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--color-background-grey);transition:all .2s ease}.playlist-select-card:hover{border-color:var(--color-neon-blue);box-shadow:0 4px 8px #3859ff26}.playlist-select-card-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background-color:var(--color-background-grey);margin-bottom:12px}.playlist-select-card-image img{width:100%;height:100%;object-fit:cover}.playlist-select-card-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-grey);font-size:32px}.playlist-select-card-name{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-dark-blue);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;min-height:36px}.playlist-select-card-actions{display:flex;flex-direction:column;gap:8px}.playlist-select-action-btn{width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0;min-height:48px}.playlist-select-action-order{background-color:var(--color-background-grey);color:var(--color-dark-blue)}.playlist-select-action-order:hover{background-color:var(--color-grey);color:var(--color-white)}.playlist-select-action-order:active{transform:scale(.98)}.playlist-select-action-shuffle{background-color:var(--color-neon-blue);color:var(--color-white)}.playlist-select-action-shuffle:hover{background-color:var(--color-dark-blue)}.playlist-select-action-shuffle:active{transform:scale(.98)}.playlist-select-loading,.playlist-select-empty{padding:40px 20px;text-align:center;color:var(--color-grey)}.playlist-select-warning{padding:12px 20px;border:1px dashed var(--color-dark-grey);border-radius:8px}.playlist-select-warning p{margin:0;font-size:13px;color:#5d4037}@media screen and (max-width: 480px){.playlist-select-grid{gap:12px}.playlist-select-card{padding:10px}.playlist-select-card-name{font-size:13px;min-height:32px}.playlist-select-action-btn{padding:12px 14px;font-size:13px;min-height:44px}}.banking-details-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-background-grey)}.banking-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.banking-details-title{font-size:16px;font-weight:600;color:var(--color-dark-blue);margin:0}.banking-edit-btn{background-color:transparent;color:var(--color-neon-blue);border:1.5px solid var(--color-neon-blue);padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.banking-edit-btn:hover{background-color:var(--color-neon-blue);color:var(--color-white)}.banking-button-group{display:flex;gap:8px}.banking-save-btn{background-color:var(--color-neon-blue);color:var(--color-white);border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.banking-save-btn:hover:not(:disabled){background-color:var(--color-dark-blue)}.banking-save-btn:disabled{opacity:.5;cursor:not-allowed}.banking-cancel-btn{background-color:var(--color-grey);color:var(--color-white);border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.banking-cancel-btn:hover:not(:disabled){background-color:var(--color-dark-grey)}.banking-alert{padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500;margin-bottom:16px}.banking-alert-error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.banking-alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.banking-form{display:flex;flex-direction:column;gap:16px}.banking-field{display:flex;flex-direction:column;gap:6px}.banking-field-label{font-size:12px;font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.banking-validation-icon{font-size:14px;font-weight:700}.banking-validation-icon.valid{color:var(--color-positive)}.banking-validation-icon.invalid{color:var(--color-negative)}.banking-field-input{padding:12px 14px;border:1.5px solid var(--color-background-grey);border-radius:8px;font-size:15px;font-family:SF Mono,Consolas,Monaco,monospace;color:var(--color-dark-blue);transition:all .2s ease;letter-spacing:.5px}.banking-field-input:focus{outline:none;border-color:var(--color-neon-blue);box-shadow:0 0 0 3px #3859ff1a}.banking-field-input.valid{border-color:var(--color-positive)}.banking-field-input.invalid{border-color:var(--color-negative)}.banking-field-input::placeholder{color:var(--color-grey);opacity:.6}.banking-field-error{font-size:12px;color:var(--color-negative)}.banking-field-hint{font-size:11px;color:var(--color-grey);font-style:italic}.banking-checkbox-field{padding:12px 0}.banking-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:var(--color-dark-blue);line-height:1.4}.banking-checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--color-neon-blue)}.banking-checkbox-label span{-webkit-user-select:none;user-select:none}.banking-checkbox-hint{margin-top:4px;margin-left:28px}.banking-display{display:flex;flex-direction:column;gap:12px}.banking-display-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--color-off-white);border-radius:8px}.banking-display-label{font-size:12px;font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px}.banking-display-value{font-size:14px;font-family:SF Mono,Consolas,Monaco,monospace;color:var(--color-dark-blue);letter-spacing:.5px}.banking-empty-state{text-align:center;padding:24px 16px;background-color:var(--color-off-white);border-radius:12px}.banking-empty-icon{font-size:36px;display:block;margin-bottom:8px}.banking-empty-state p{margin:0;color:var(--color-grey);font-size:14px}.banking-empty-hint{font-size:12px!important;margin-top:4px!important}.banking-loading{text-align:center;padding:20px;color:var(--color-grey);font-style:italic}@media screen and (max-width: 768px){.banking-details-header{flex-direction:column;gap:12px;align-items:stretch}.banking-edit-btn{width:100%;text-align:center}.banking-button-group{flex-direction:column;width:100%}.banking-save-btn,.banking-cancel-btn{width:100%;text-align:center;padding:10px}.banking-display-row{flex-direction:column;gap:4px;align-items:flex-start}.banking-display-value{font-size:13px}}.invoices-section{display:flex;flex-direction:column;gap:16px}.invoices-alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.invoices-alert-error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.invoices-alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.invoices-generate-btn{background-color:var(--color-neon-blue);color:var(--color-white);border:none;padding:16px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 4px 12px #3859ff40}.invoices-generate-btn:hover:not(:disabled){background-color:var(--color-dark-blue);transform:translateY(-1px);box-shadow:0 6px 16px #3859ff59}.invoices-generate-btn:disabled{background-color:var(--color-grey);cursor:not-allowed;box-shadow:none}.invoices-no-banking{background-color:#fff8e1;border:1.5px solid #f9a825;border-radius:12px;padding:20px;text-align:center}.invoices-warning-icon{font-size:24px;display:block;margin:0 auto 8px;color:#f9a825}.invoices-no-banking p{margin:0;color:#5d4037;font-weight:500}.invoices-generate-form{background-color:var(--color-off-white);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.invoices-generate-form h4{margin:0;font-size:16px;font-weight:600;color:var(--color-dark-blue)}.invoices-form-field{display:flex;flex-direction:column;gap:6px}.invoices-form-field label{font-size:12px;font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px}.invoices-form-field input,.invoices-form-field select{padding:12px 14px;border:1.5px solid var(--color-background-grey);border-radius:8px;font-size:15px;font-family:var(--font-body-new);color:var(--color-dark-blue);background-color:var(--color-white)}.invoices-form-field input:focus,.invoices-form-field select:focus{outline:none;border-color:var(--color-neon-blue)}.invoices-form-hint{font-size:11px;color:var(--color-grey);font-style:italic}.invoices-form-buttons{display:flex;gap:12px;margin-top:8px}.invoices-form-generate-btn{flex:1;background-color:var(--color-neon-blue);color:var(--color-white);border:none;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoices-form-generate-btn:hover:not(:disabled){background-color:var(--color-dark-blue)}.invoices-form-generate-btn:disabled{opacity:.5;cursor:not-allowed}.invoices-form-cancel-btn{flex:1;background-color:var(--color-grey);color:var(--color-white);border:none;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invoices-form-cancel-btn:hover:not(:disabled){background-color:var(--color-dark-grey)}.invoices-list{display:flex;flex-direction:column;gap:12px}.invoices-empty{text-align:center;padding:32px 20px;background-color:var(--color-off-white);border-radius:12px}.invoices-empty-icon{font-size:40px;display:block;margin:0 auto 8px;color:var(--color-grey)}.invoices-empty p{margin:0;color:var(--color-grey)}.invoices-empty-hint{font-size:13px!important;margin-top:4px!important}.invoices-loading{text-align:center;padding:24px;color:var(--color-grey);font-style:italic}.invoice-card{background-color:var(--color-white);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-background-grey)}.invoice-card-period{font-size:16px;font-weight:700;color:var(--color-dark-blue)}.invoice-card-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.invoice-card-status.draft{background-color:#fff8e1;color:#f57c00}.invoice-card-status.submitted{background-color:#e8f5e9;color:#2e7d32}.invoice-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.invoice-card-row{display:flex;justify-content:space-between;align-items:center}.invoice-card-label{font-size:12px;color:var(--color-grey);text-transform:uppercase;letter-spacing:.3px}.invoice-card-value{font-size:14px;color:var(--color-dark-blue);font-weight:500}.invoice-card-amount{font-size:16px;font-weight:700;color:var(--color-neon-blue)}.invoice-card-actions{display:flex;gap:8px;flex-wrap:wrap}.invoice-action-btn{flex:1 1 auto;min-width:0;padding:10px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.invoice-download-btn{background-color:var(--color-off-white);color:var(--color-dark-blue);border:1.5px solid var(--color-background-grey)}.invoice-download-btn:hover{background-color:var(--color-background-grey)}.invoice-regenerate-btn{background-color:#fff8e1;color:#f57c00;border:1.5px solid #ffe082}.invoice-regenerate-btn:hover:not(:disabled){background-color:#ffe082}.invoice-regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-submit-btn{background-color:var(--color-neon-blue);color:var(--color-white)}.invoice-submit-btn:hover:not(:disabled){background-color:var(--color-dark-blue)}.invoice-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width: 768px){.invoices-generate-btn{padding:14px 20px;font-size:14px}.invoices-form-buttons{flex-direction:column}.invoice-card{padding:14px}.invoice-card-period{font-size:15px}.invoice-card-actions{flex-direction:column}.invoice-action-btn{width:100%}}:root{--color-black: #000000;--color-grey: #8396a6;--color-background-grey: #f3f0f0;--color-white: #ffffff;--color-off-white: #fffcf7;--color-rose: #ffede0;--color-cream: #eaded4;--color-light-blue: #e3eef7;--color-dark-blue: #282e53;--color-neon-blue: #3859ff;--color-neon-yellow: #effeb4;--color-yellow: #FFD700;--color-brown: #a57a55;--color-dark-grey: #687886;--color-negative: #b23c3c;--color-positive: #3cb258;--gradient-blue: linear-gradient(to top right, #0024d8, #3859ff);--gradient-beige: linear-gradient(to top right, #e3c8b2, #eaded4);--gradient-grey: linear-gradient(to top right, #6e757b, #8396a6);--gradient-dark-blue: linear-gradient(to top right, #282e53, #2e3b8e);--box-elevation: 0 0 16px rgba(0, 0, 0, .25);--font-primary: "PPNikkeiMaru", sans-serif;--font-secondary: "PPEditorialNew", serif;--font-body: "PT Sans", sans-serif;--font-body-new: "Montserrat", sans-serif}:root{font-family:var(--font-body-new);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:inherit}a:hover{color:var(--color-neon-blue)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.unauthorized-container h1{color:#e53e3e;margin-bottom:1rem}.unauthorized-container p{margin-bottom:.5rem}.login-link{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background-color:#4361ee;color:#fff;text-decoration:none;border-radius:4px;font-weight:500}.login-link:hover{background-color:#3a56d4}