:root{--light-bg:#fff;--light-card:#f1f3f4;--light-border:#dadce0;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--primary:#e53e3e;--primary-hover:#e26969;--success:#28a745;--warning:#f59e0b;--warning-hover:#d97706;--danger:#ef4444;--danger-hover:#dc2626;--error:#dc3545;--info:#17a2b8;--dark-bg:#0a0a0a;--dark-card:#1a1a1a;--dark-border:#2a2a2a;--dark-text-primary:#fff;--dark-text-secondary:#a0a0a0;--dark-text-muted:#666;--bg:var(--light-bg);--card:var(--light-card);--border:var(--light-border);--text-primary-color:var(--text-primary);--text-secondary-color:var(--text-secondary);--text-muted-color:var(--text-muted);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius:8px;--radius-lg:12px;--radius-sm:4px;--shadow:0 4px 6px #0000001a;--shadow-lg:5px 10px 25px #e483654f;--shadow-primary:0 2px 8px #e66f4b1a;--shadow-focus:0 0 0 3px #e66f4b26;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition:all 0.3s ease}.dark{--bg:var(--dark-bg);--card:var(--dark-card);--border:var(--dark-border);--text-primary-color:var(--dark-text-primary);--text-secondary-color:var(--dark-text-secondary);--text-muted-color:var(--dark-text-muted);--shadow-lg:5px 10px 25px #e483654f}body{background-color:#fff;background-color:var(--bg);color:#212529;color:var(--text-primary-color);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:#6c757d;color:var(--text-secondary);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.text-primary{color:#212529;color:var(--text-primary)}.text-secondary{color:#6c757d;color:var(--text-secondary)}.text-muted{color:#adb5bd;color:var(--text-muted)}.text-success{color:#28a745;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#dc3545;color:var(--error)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease;transition:var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#e53e3e,#e26969);box-shadow:0 2px 8px #e66f4b1a;box-shadow:var(--shadow-primary);color:var(--light-bg)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e66f4b33;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 0 0 2px #e66f4b33;transform:translateY(0)}.btn-secondary{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);color:#212529}.btn-secondary:hover:not(:disabled){background:#dadce0;background:var(--light-border);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #e53e3e;border:2px solid var(--primary);color:#e53e3e;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#e53e3e;background:var(--primary);color:#fff;color:var(--light-bg);transform:translateY(-1px)}.btn-ghost{background:#0000;border:none;color:#6c757d;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f1f3f4;background:var(--light-card);color:#212529;color:var(--text-primary)}.btn-success{background:#28a745;background:var(--success);color:#fff;color:var(--light-bg)}.btn-warning{background:#f59e0b;background:var(--warning);color:#212529;color:var(--text-primary)}.btn-error{background:#dc3545;background:var(--error);color:#fff;color:var(--light-bg)}.btn-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-xl{font-size:1.25rem;padding:1.5rem 3rem;padding:var(--spacing-xl) var(--spacing-3xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.form-label{gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-icon{color:#6c757d;color:var(--text-secondary-color)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none;transform:translateY(-1px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#e53e3e;border-color:var(--primary)}.form-error{color:#dc3545;color:var(--error)}.form-error,.form-helper{font-size:.9rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-sm)}.form-helper{color:#adb5bd;color:var(--text-muted)}.card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border)}.card-body,.card-header{padding:1.5rem;padding:var(--spacing-xl)}.card-footer{border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #dadce0;border-top:1px solid var(--border)}.card-footer,.stat-card{background:#f1f3f4;background:var(--card);padding:1.5rem;padding:var(--spacing-xl)}.stat-card{border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{background:#dadce0;background:var(--border);border-radius:50%;color:#6c757d;color:var(--text-secondary-color);height:48px;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:48px}.stat-content h3{color:#212529;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-content p{color:#e53e3e;color:var(--primary);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.modal-overlay{padding:var(--spacing-lg)}.modal{background:#f1f3f4;background:var(--card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #dadce0;padding:var(--spacing-xl)}.modal-title{font-size:1.25rem;font-weight:var(--font-weight-semibold)}.modal-close{border-radius:4px;color:#adb5bd;color:var(--text-muted);padding:var(--spacing-sm)}.modal-close:hover{background:#f1f3f4;background:var(--light-card);color:#212529;color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{border-top:1px solid #dadce0;border-top:1px solid var(--light-border);justify-content:flex-end;padding:1.5rem;padding:var(--spacing-xl)}.alert,.modal-footer{display:flex;gap:.75rem;gap:var(--spacing-md)}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--radius);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.alert-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.alert-content{flex:1 1}.alert-title{font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.alert-message{font-size:.9rem;font-size:var(--font-size-sm);margin:0}.alert-success{background:#28a7451a;border:1px solid #28a74533;color:#28a745;color:var(--success)}.alert-warning{background:#ffc1071a;border:1px solid #ffc10733;color:#f59e0b;color:var(--warning)}.alert-error{background:#dc35451a;border:1px solid #dc354533;color:#dc3545;color:var(--error)}.alert-info{background:#17a2b81a;border:1px solid #17a2b833;color:#17a2b8;color:var(--info)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #0000;border-top:2px solid var(--primary);display:inline-block}.btn-loading{opacity:.8;pointer-events:none;position:relative}.btn-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:8px;width:16px}.loading-overlay{background:#00000080;right:0;z-index:9999}.loading-overlay .loading-content{background:#fff;background:var(--light-bg);border-radius:var(--border-radius-md);box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);padding:2rem;text-align:center}.dark .loading-overlay .loading-content{background:#0a0a0a;background:var(--dark-bg)}.inline-loading{align-items:center;display:inline-flex;gap:.5rem}.loading-text{color:#6c757d;color:var(--text-secondary);font-size:.9rem}.dark .loading-text{color:#a0a0a0;color:var(--dark-text-secondary)}.loading-overlay{align-items:center;background:#fff0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:-10%;top:0}.custom-calendar{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);min-width:300px;padding:1rem;padding:var(--spacing-lg);position:absolute;z-index:1000}.calendar-header{margin-bottom:var(--spacing-lg)}.calendar-nav{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.calendar-nav:hover{background:#dadce0;background:var(--light-border)}.calendar-month{font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.calendar-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr)}.calendar-day{border-radius:4px;font-size:var(--font-size-sm);height:32px;transition:all .3s ease;width:32px}.calendar-day:hover{background:#dadce0;background:var(--light-border)}.calendar-day.selected{background:#e53e3e;color:var(--light-bg)}.calendar-day.today{background:#dadce0;background:var(--light-border);font-weight:600;font-weight:var(--font-weight-semibold)}.custom-time-picker{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);min-width:200px;padding:1rem;padding:var(--spacing-lg);position:absolute;z-index:1000}.time-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto}.time-option{background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:4px;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);text-align:center;transition:all .3s ease}.time-option:hover{background:#dadce0;background:var(--light-border)}.time-option.selected,.time-option:hover{border-color:#e53e3e;border-color:var(--primary)}.time-option.selected{background:#e53e3e;color:var(--light-bg)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:.75rem;gap:var(--spacing-md)}.gap-lg{gap:1rem;gap:var(--spacing-lg)}.h-full{height:100%}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:.75rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:1.5rem;margin-top:var(--spacing-xl)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:.75rem;padding:var(--spacing-md)}.p-lg{padding:1rem;padding:var(--spacing-lg)}.p-xl{padding:1.5rem;padding:var(--spacing-xl)}.rounded{border-radius:8px;border-radius:var(--radius)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.shadow{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow)}.shadow-lg{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.hero-section{background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;color:var(--light-bg);padding:3rem 0;padding:var(--spacing-3xl) 0;text-align:center}.hero-title{font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-2xl);opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);justify-content:center}.btn-outline-white{background:#0000;border:2px solid #fff;border:2px solid var(--light-bg);color:#fff;color:var(--light-bg)}.btn-outline-white:hover{background:#fff;background:var(--light-bg);color:#e53e3e;color:var(--primary)}.features-section{background:#fff;background:var(--light-bg);padding:3rem 0;padding:var(--spacing-3xl) 0}.section-header{margin-bottom:var(--spacing-3xl)}.section-header h2{color:#212529;color:var(--text-primary-color);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.section-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.25rem;margin:0}.features-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{padding:2rem;padding:var(--spacing-2xl);text-align:center;transition:all .3s ease;transition:var(--transition)}.feature-card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:64px}.feature-card h3{color:#212529;color:var(--text-primary);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.feature-card p{color:#6c757d;color:var(--text-secondary);margin:0}.cta-section{background:#f1f3f4;background:var(--light-card);padding:3rem 0;padding:var(--spacing-3xl) 0;text-align:center}.cta-section h2{color:#212529;color:var(--text-primary);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.cta-section p{font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.calendar-day-header,.cta-section p{color:#6c757d;color:var(--text-secondary)}.calendar-day-header{align-items:center;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.time-picker-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg);text-align:center}.time-picker-header h4{color:#212529;color:var(--text-primary);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.time-picker-content{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.time-section{text-align:center}.time-label{color:#6c757d;color:var(--text-secondary);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.alert-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;margin-left:.75rem;margin-left:var(--spacing-md);padding:.25rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.alert-close:hover{background:#0000001a}.auth-page{align-items:center;background:#f1f3f4;background:var(--light-card);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-lg)}.auth-container{max-width:400px;width:100%}.auth-card{padding:2rem;padding:var(--spacing-2xl);text-align:center}.auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.auth-logo{align-items:center;background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:64px}.auth-header h2{color:#212529;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.auth-header p{color:#6c757d;color:var(--text-secondary);margin:0}.auth-link{color:#e53e3e;color:var(--primary)}.auth-link:hover{color:#e26969;color:var(--primary-hover);text-decoration:underline}.auth-form{text-align:left}.auth-options{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.checkbox-label{color:#6c757d;color:var(--text-secondary)}.checkbox-input{accent-color:#e53e3e;accent-color:var(--primary);height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.header{background:#fff;background:var(--light-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between}.header-logo{flex-shrink:0}.logo-link{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.75rem;gap:var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.logo-link:hover{color:#e53e3e;color:var(--primary)}.logo-icon{align-items:center;background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);display:flex;height:40px;justify-content:center;width:40px}.logo-text{font-weight:700;font-weight:var(--font-weight-bold)}.header-phone{flex-shrink:0}.phone-link{border-radius:8px;border-radius:var(--radius);color:#e53e3e;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.phone-link:hover{color:#e26969}@media (prefers-color-scheme:dark){.phone-link{background:#0000;border:none;color:#e53e3e;color:var(--primary)}.phone-link:hover{background:#0000;border:none;color:#e26969;color:var(--primary-hover)}}.dark .phone-link{color:#e53e3e}.dark .phone-link:hover{color:#e26969}.header-nav{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);margin:0 1.5rem;margin:0 var(--spacing-xl)}.nav-link{border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--text-secondary);font-weight:var(--font-weight-medium);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease;transition:var(--transition)}.nav-link.active,.nav-link:hover{background:#f1f3f4;background:var(--light-card);color:#e53e3e}.nav-link.active{color:var(--primary)}.nav-link.active:after{background:#e53e3e;background:var(--primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.header-auth{flex-shrink:0}.auth-buttons{gap:.75rem;gap:var(--spacing-md)}.auth-buttons,.auth-user{align-items:center;display:flex}.auth-user{gap:1rem;gap:var(--spacing-lg)}.user-info{align-items:center;color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.test-page{background:#f1f3f4;background:var(--light-card);min-height:100vh;padding:3rem 0;padding:var(--spacing-3xl) 0}.test-section{margin-bottom:3rem;margin-bottom:var(--spacing-3xl)}.test-section h2{color:#212529;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.test-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.test-icon{align-items:center;background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;padding:1rem;padding:var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.test-icon:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.test-icon span{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-sm)}.color-palette{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.color-swatch{text-align:center}.color-swatch div{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);height:64px;margin:0 auto .5rem;margin:0 auto var(--spacing-sm);width:64px}.color-swatch span{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm)}.admin-auth-page{align-items:center;background:#f1f3f4;background:var(--card);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-lg)}.admin-auth-container{max-width:400px;position:relative;width:100%}.admin-auth-toggle{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);position:absolute;right:0;top:-60px}.admin-auth-card{padding:2rem;padding:var(--spacing-2xl);text-align:center}.admin-auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.admin-auth-logo{align-items:center;background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:64px}.admin-auth-logo.success{background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success),#20c997)}.admin-auth-header h2{color:#212529;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.admin-auth-header p{color:#6c757d;color:var(--text-secondary);margin:0}.admin-auth-form{text-align:left}.admin-auth-actions{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.admin-auth-actions,.admin-auth-footer{margin-top:1.5rem;margin-top:var(--spacing-xl)}.admin-auth-footer{border-top:1px solid #dadce0;border-top:1px solid var(--light-border);padding-top:1rem;padding-top:var(--spacing-lg)}.admin-auth-options{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);text-align:right}.forgot-password-link{color:#e53e3e;color:var(--primary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.forgot-password-link:hover{color:#e26969;color:var(--primary-hover);text-decoration:underline}.auth-link{align-items:center;color:#6c757d;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.auth-link:hover{color:#e53e3e;color:var(--primary)}.admin-auth-success{text-align:center}.w-full{width:100%}.dark-mode-toggle{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;justify-content:center;transition:all .3s ease;transition:var(--transition)}.dark-mode-toggle-button{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);color:#6c757d;color:var(--text-secondary);height:40px;width:40px}.dark-mode-toggle-button:hover{background:#dadce0;background:var(--border);color:#e53e3e;color:var(--primary);transform:translateY(-1px)}.dark-mode-toggle-button:active{transform:translateY(0)}.dark-mode-toggle-sm{height:32px;width:32px}.dark-mode-toggle-lg{height:48px;width:48px}.dark-mode-toggle-switch{background:#dadce0;background:var(--border);border-radius:16px;height:32px;position:relative;transition:all .3s ease;transition:var(--transition);width:60px}.dark-mode-toggle-switch.active{background:#e53e3e;background:var(--primary)}.dark-mode-toggle-track{border-radius:16px;height:100%;position:relative;width:100%}.dark-mode-toggle-thumb{align-items:center;background:#fff;background:var(--bg);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6c757d;color:var(--text-secondary);display:flex;height:28px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;transition:var(--transition);width:28px}.dark-mode-toggle-switch.active .dark-mode-toggle-thumb{color:#e53e3e;color:var(--primary);transform:translateX(28px)}.dark-mode-toggle.loading{cursor:not-allowed;opacity:.6}.admin-layout{background:#f1f3f4;background:var(--card);display:flex;min-height:100vh}.admin-sidebar{background:#fff;background:var(--bg);border-right:1px solid #dadce0;border-right:1px solid var(--border);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:all .3s ease;transition:var(--transition);width:256px;z-index:1000}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-sidebar-content{display:flex;flex-direction:column;height:100%}.admin-sidebar-header{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;gap:.75rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-xl);position:relative}.sidebar-close-btn{align-items:center;background:#dadce0;background:var(--border);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;right:var(--spacing-md);top:.75rem;top:var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:32px}.sidebar-close-btn:hover{background:#f1f3f4;background:var(--card);color:#212529;color:var(--text-primary-color)}.admin-logo{align-items:center;background:linear-gradient(135deg,#e53e3e,#e26969);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);display:flex;height:40px;justify-content:center;width:40px}.admin-logo-text{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold)}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);padding:1rem;padding:var(--spacing-lg)}.admin-nav-link{align-items:center;border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--text-secondary-color);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--spacing-md);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.admin-nav-link:hover{background:#f1f3f4;background:var(--card);color:#212529;color:var(--text-primary-color)}.admin-nav-link.active{background:#e53e3e;background:var(--primary);color:#fff;color:var(--light-bg)}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:0;min-height:100vh;transition:all .3s ease;transition:var(--transition)}.admin-header{background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header-content{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between}.admin-header-left{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md)}.mobile-menu-btn{background:#f1f3f4;background:var(--card);border:none;border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;display:none;height:40px;transition:all .3s ease;transition:var(--transition);width:40px}.mobile-menu-btn:hover{background:#dadce0;background:var(--border);color:#212529;color:var(--text-primary-color)}.admin-search{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);top:50%;transform:translateY(-50%)}.search-input{padding:.5rem .75rem .5rem 2.5rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem}.admin-header-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.admin-action-btn{align-items:center;background:#f1f3f4;background:var(--card);border:none;border-radius:50%;color:#6c757d;color:var(--text-secondary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.admin-action-btn:hover{background:#dadce0;background:var(--border);color:#212529;color:var(--text-primary-color)}.admin-user{gap:.75rem;gap:var(--spacing-md)}.admin-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#dadce0;background:var(--border);border-radius:50%;color:#6c757d;color:var(--text-secondary-color);height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column}.user-name{color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.user-role{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem;font-size:var(--font-size-xs)}.logout-btn{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.logout-text{display:inline}.admin-content{flex:1 1;padding:1.5rem;padding:var(--spacing-xl)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.admin-dashboard{margin:0 auto;max-width:1200px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.dashboard-header h1{color:#212529;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:#6c757d;color:var(--text-secondary-color);margin:0}.dashboard-actions{display:flex;gap:.75rem;gap:var(--spacing-md)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-grid,.stats-grid{gap:1.5rem;gap:var(--spacing-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.dashboard-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;grid-template-columns:2fr 1fr}.dashboard-card{height:-webkit-fit-content;height:fit-content}.dashboard-card h3{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.activity-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.activity-item{align-items:flex-start;display:flex;gap:.75rem;gap:var(--spacing-md)}.activity-icon{align-items:center;background:#f1f3f4;background:var(--card);border-radius:50%;color:#e53e3e;color:var(--primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-message{color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.activity-time{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem;font-size:var(--font-size-xs)}.quick-stat{gap:.75rem;gap:var(--spacing-md)}.quick-stat-icon{align-items:center;background:#f1f3f4;background:var(--card);border-radius:8px;border-radius:var(--radius);color:#e53e3e;color:var(--primary);display:flex;height:40px;justify-content:center;width:40px}.quick-stat-value{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.quick-stat-label{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);margin:0}.charts-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.chart-placeholder{align-items:center;background:#f1f3f4;background:var(--card);border-radius:8px;border-radius:var(--radius);color:#adb5bd;color:var(--text-muted-color);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-3xl);text-align:center}.chart-placeholder p{margin-bottom:0;margin-top:.75rem;margin-top:var(--spacing-md)}.admin-pricing{margin:0 auto;max-width:1200px}.pricing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.pricing-header-content{flex:1 1}.pricing-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.pricing-title h1{color:#212529;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.pricing-title svg{color:#e53e3e;color:var(--primary)}.pricing-header p{color:#6c757d;color:var(--text-secondary-color);margin:0}.pricing-actions{display:flex;gap:.75rem;gap:var(--spacing-md)}.create-pricing-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.pricing-cards-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.pricing-cards-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pricing-card{background:#f1f3f4;border:1px solid #dadce0;transition:var(--transition)}.pricing-card:hover{box-shadow:5px 10px 25px #e483654f;transform:translateY(-2px)}.pricing-card-header{align-items:flex-start;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.pricing-info{flex:1 1}.pricing-name{gap:var(--spacing-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.pricing-name svg{color:#6c757d;color:var(--text-secondary-color)}.pricing-name span{color:#212529;color:var(--text-primary-color);font-weight:600;font-weight:var(--font-weight-semibold)}.pricing-duration{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pricing-status{align-items:center;display:flex}.status-indicator{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.status-indicator:hover{background:#dadce0;background:var(--border)}.status-dot{border-radius:50%;height:12px;transition:all .3s ease;transition:var(--transition);width:12px}.status-dot.active{background:#10b981}.status-dot.inactive{background:#6b7280}.status-toggle-btn{align-items:center;border:1px solid;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:80px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.status-toggle-btn.active{background:#10b981;border-color:#10b981;color:#fff}.status-toggle-btn.active:hover{background:#059669;border-color:#059669}.status-toggle-btn.inactive{background:#6b7280;border-color:#6b7280;color:#fff}.status-toggle-btn.inactive:hover{background:#4b5563;border-color:#4b5563}.status-toggle-btn svg{height:16px;width:16px}.dark .status-toggle-btn.active{background:#10b981;border-color:#10b981;color:#fff}.dark .status-toggle-btn.active:hover{background:#059669;border-color:#059669}.dark .status-toggle-btn.inactive{background:#6b7280;border-color:#6b7280;color:#fff}.dark .status-toggle-btn.inactive:hover{background:#4b5563;border-color:#4b5563}.pricing-card-body{padding:1rem;padding:var(--spacing-lg);text-align:center}.price-display{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.currency{color:#6c757d;color:var(--text-secondary-color);font-size:1.5rem;font-weight:500;font-weight:var(--font-weight-medium)}.amount{color:#212529;color:var(--text-primary-color);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.price-per-hour{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pricing-card-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.empty-state-card{margin-top:1.5rem;margin-top:var(--spacing-xl)}.admin-spots{margin:0 auto;max-width:1200px}.spots-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.spots-header-content{flex:1 1}.spots-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.spots-title h1{color:#212529;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.spots-title svg{color:#e53e3e;color:var(--primary)}.spots-header p{color:#6c757d;color:var(--text-secondary-color);margin:0}.spots-actions{display:flex;gap:.75rem;gap:var(--spacing-md)}.create-spot-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-section{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.filter-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.filter-title{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-title h3{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.filter-title svg{color:#e53e3e;color:var(--primary)}.filter-stats{align-items:center;display:flex}.filter-buttons,.filter-options{justify-content:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.filter-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;transition:var(--transition)}.filter-btn:hover{background:#dadce0;background:var(--border);color:#212529;color:var(--text-primary-color);transform:translateY(-1px)}.filter-btn.active,.filter-btn:hover{border-color:#e53e3e;border-color:var(--primary)}.filter-btn.active{background:#e53e3e;background:var(--primary);box-shadow:0 2px 8px #e66f4b1a;box-shadow:var(--shadow-primary);color:#fff;color:var(--light-bg)}.filter-btn.active:hover{background:#e26969;background:var(--primary-hover);transform:translateY(-1px)}.spots-cards-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.spots-cards-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.spot-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);transition:all .3s ease;transition:var(--transition)}.spot-card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spot-card-header{align-items:flex-start;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.spot-info{flex:1 1}.spot-name{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spot-name svg{color:#6c757d;color:var(--text-secondary-color)}.spot-name span{color:#212529;color:var(--text-primary-color);font-size:1.125rem;font-weight:600;font-weight:var(--font-weight-semibold)}.spot-status{margin-top:.25rem;margin-top:var(--spacing-xs)}.status-badge{display:inline-block;font-size:.8rem;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.status-badge.available{background:#10b98126;border:1px solid #10b98133;color:#10b981}.status-badge.unavailable{background:#ef444426;border:1px solid #ef444433;color:#ef4444}.status-badge.substitute{background:#f59e0b26;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.inactive{background:#6b728026;border:1px solid #6b728033;color:#6b7280}.dark .status-badge.available{background:#10b98133;border-color:#10b9814d;color:#34d399}.dark .status-badge.unavailable{background:#ef444433;border-color:#ef44444d;color:#f87171}.dark .status-badge.substitute{background:#f59e0b33;border-color:#f59e0b4d;color:#fbbf24}.dark .status-badge.inactive{background:#6b728033;border-color:#6b72804d;color:#9ca3af}.spot-actions-header,.status-toggle{align-items:center;display:flex}.status-toggle{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#212529;color:var(--text-primary-color);cursor:pointer;font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.status-toggle.active{background:#10b9811a;border-color:#10b981;color:#10b981}.status-toggle.inactive{background:#6b72801a;border-color:#6b7280;color:#6b7280}.status-toggle:hover{background:#dadce0;background:var(--border);transform:translateY(-1px)}.dark .status-toggle.active{background:#10b98126;border-color:#34d399;color:#34d399}.dark .status-toggle.inactive{background:#6b728026;border-color:#9ca3af;color:#9ca3af}.spot-card-body{padding:1rem;padding:var(--spacing-lg)}.spot-details{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.spot-detail{align-items:center;display:flex;justify-content:space-between}.detail-value{font-weight:var(--font-weight-semibold)}.spot-description{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:.5rem;margin-top:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.spot-description .detail-label{display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spot-description .detail-value{display:block;font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5}.spot-card-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.card-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.action-btn{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#212529;color:var(--text-primary-color);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);justify-content:center;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.action-btn:hover{background:#dadce0;background:var(--border);transform:translateY(-1px)}.substitute-btn:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.edit-btn:hover,.regular-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.dark .substitute-btn:hover{background:#f59e0b26;border-color:#fbbf24;color:#fbbf24}.dark .edit-btn:hover,.dark .regular-btn:hover{background:#3b82f626;border-color:#60a5fa;color:#60a5fa}.dark .delete-btn:hover{background:#ef444426;border-color:#f87171;color:#f87171}.spot-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.checkbox-label{color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox]{accent-color:#e53e3e;accent-color:var(--primary);height:16px;width:16px}.form-textarea{border-radius:4px;border-radius:var(--radius-sm);width:100%}.spot-details-modal{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.form-display{align-items:center;background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#212529;color:var(--text-primary-color);display:flex;font-size:.9rem;font-size:var(--font-size-sm);min-height:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.modal-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;border-radius:var(--radius-sm);margin:.75rem 0;margin:var(--spacing-md) 0;padding:.75rem;padding:var(--spacing-md)}.modal-info p{color:#3b82f6;font-size:.9rem;font-size:var(--font-size-sm);margin:0;text-align:center}@media (max-width:768px){.spots-cards-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.spots-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.spots-actions{justify-content:stretch}.create-spot-btn{justify-content:center;width:100%}.stats-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.filter-section{padding:1rem;padding:var(--spacing-lg)}.filter-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.filter-stats,.filter-title{justify-content:center}.filter-buttons{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-btn{justify-content:center;width:100%}.spot-card-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.spot-actions-header{justify-content:flex-start}.card-actions{flex-direction:column}}.empty-state{color:#6c757d;color:var(--text-secondary-color);padding:3rem;padding:var(--spacing-3xl);text-align:center}.empty-state svg{color:#adb5bd;color:var(--text-muted-color);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.empty-state h3{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state p{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.pricing-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}@media (max-width:768px){.pricing-cards-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.pricing-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.pricing-actions{justify-content:stretch}.create-pricing-btn{justify-content:center;width:100%}.stats-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.price-display{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.currency{font-size:1.25rem}.amount{font-size:2rem}}@media (min-width:769px){.admin-sidebar{position:fixed;transform:translateX(0)}.admin-main{margin-left:256px}.sidebar-close-btn{display:none}.sidebar-overlay{display:none!important}}@media (max-width:768px){.mobile-menu-btn{display:flex}.admin-sidebar{width:280px}.admin-header-content{padding:0}.admin-search{display:none}.admin-header-actions{gap:.5rem;gap:var(--spacing-sm)}.logout-text,.user-info{display:none}.admin-content{padding:.75rem;padding:var(--spacing-md)}.sidebar-overlay{display:block}.container{padding:0 .75rem;padding:0 var(--spacing-md)}.card-body,.modal-body{padding:1rem;padding:var(--spacing-lg)}.btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.cta-section h2,.section-header h2{font-size:2rem}.features-grid{gap:1rem;gap:var(--spacing-lg)}.features-grid,.time-picker-content{grid-template-columns:1fr}.header-nav{display:none}.header-content{padding:0 .75rem;padding:0 var(--spacing-md)}.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease}.admin-main{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.modal{margin:.75rem;margin:var(--spacing-md);max-width:none}.calendar-grid{gap:2px}.calendar-day{font-size:.8rem;font-size:var(--font-size-xs);height:28px;width:28px}.hero-title{font-size:2rem}.hero-actions{align-items:center;flex-direction:column}}.admin-vehicles{margin:0 auto;max-width:1200px}.vehicles-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.vehicles-header-content{flex:1 1}.vehicles-search{flex-shrink:0;min-width:300px}.vehicles-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.vehicles-title h1{color:#212529;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.vehicles-title svg{color:#e53e3e;color:var(--primary)}.vehicles-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.1rem;font-size:var(--font-size-lg);margin:0}.search-form{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#adb5bd;color:var(--text-muted-color);left:.75rem;left:var(--spacing-md);position:absolute;z-index:1}.search-input{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem .5rem 3rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-3xl);transition:all .3s ease;transition:var(--transition);width:100%}.search-input:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none}.search-clear-btn{align-items:center;background:#dadce0;background:var(--border);border:none;border-radius:50%;color:#adb5bd;color:var(--text-muted-color);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;right:var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:24px}.search-clear-btn:hover{background:#adb5bd;background:var(--text-muted-color);color:#fff;color:var(--light-bg)}.search-btn{background:#e53e3e;background:var(--primary);border:1px solid #e53e3e;border:1px solid var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.search-btn:hover{background:#e26969;background:var(--primary-hover);border-color:#e26969;border-color:var(--primary-hover)}.pagination-controls{align-items:center;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1rem;padding:var(--spacing-lg)}.pagination-info{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pagination-options{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.per-page-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.per-page-select:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none}.vehicles-cards-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.section-header h3{color:#212529;color:var(--text-primary-color);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.vehicles-cards-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vehicle-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.vehicle-card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vehicle-card-header{background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.vehicle-info{justify-content:space-between}.vehicle-info,.vehicle-plate{align-items:center;display:flex}.vehicle-plate{color:#212529;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.vehicle-plate svg{color:#e53e3e;color:var(--primary)}.vehicle-id{background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--text-muted-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.vehicle-card-body{padding:1rem;padding:var(--spacing-lg)}.vehicle-details{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.vehicle-detail{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.vehicle-detail svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.detail-label{min-width:80px}.booking-stats{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-xl)}.stats-header{align-items:center;color:#212529;color:var(--text-primary-color);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.stats-header svg{color:#e53e3e;color:var(--primary);height:18px;width:18px}.stats-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr)}.stat-item,.stats-grid{gap:.75rem;gap:var(--spacing-md)}.stat-item{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.stat-item:hover{background:#f1f3f4;background:var(--card);border-color:#e53e3e;border-color:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.stat-icon{align-items:center;background:#e53e3e;background:var(--primary);border-radius:8px;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;color:var(--light-bg);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:0}.stat-value{color:#212529;color:var(--text-primary-color);line-height:1.1}.stat-label{color:var(--text-secondary-color);line-height:1.2}.pagination{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:2rem;margin-top:var(--spacing-2xl)}.pagination-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:#f1f3f4;background:var(--card);border-color:#e53e3e;border-color:var(--primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem;gap:var(--spacing-xs)}.pagination-number{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.pagination-number:hover{background:#f1f3f4;background:var(--card);border-color:#e53e3e;border-color:var(--primary)}.pagination-number.active{background:#e53e3e;background:var(--primary);border-color:#e53e3e;border-color:var(--primary);color:#fff;color:var(--light-bg)}@media (max-width:768px){.vehicles-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.vehicles-search{min-width:auto}.search-form{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.search-input-group{width:100%}.search-btn{justify-content:center;width:100%}.vehicles-title h1{font-size:1.5rem}.vehicles-cards-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.stats-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.stat-item{padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.stat-icon{height:28px;width:28px}.stat-value{font-size:1rem;font-size:var(--font-size-base)}.pagination-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.pagination-info{text-align:center}.pagination-options{justify-content:center}.pagination{gap:.25rem;gap:var(--spacing-xs)}.pagination,.pagination-numbers{flex-wrap:wrap}}.admin-bookings{margin:0 auto;max-width:1200px}.bookings-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.bookings-header-content{flex:1 1}.bookings-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.bookings-title h1{color:#212529;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.bookings-title svg{color:#e53e3e;color:var(--primary)}.bookings-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.1rem;font-size:var(--font-size-lg);margin:0}.bookings-actions{display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-md)}.create-booking-btn{align-items:center;display:flex;gap:.5rem}.add-time-btn,.create-booking-btn{gap:var(--spacing-sm)}.about-to-end-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.about-to-end-section .section-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.about-to-end-section .section-header h3{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.about-to-end-section .section-header svg{color:#f59e0b}.alert-count{background:#f59e0b;border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.about-to-end-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.about-to-end-card{background:#fef3c7;border:1px solid #f59e0b}.dark .about-to-end-card{background:#f59e0b1a;border-color:#f59e0b}.booking-plate,.booking-spot,.booking-time{align-items:center;color:#212529;color:var(--text-primary-color);display:flex;font-size:.9rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.booking-plate svg,.booking-spot svg,.booking-time svg{color:#adb5bd;color:var(--text-muted-color)}.filters-section{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.filters-header{justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{gap:.5rem;gap:var(--spacing-sm)}.filters-title h3{color:#212529;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.filters-title svg{color:#e53e3e;color:var(--primary)}.filters-stats{align-items:center;display:flex}.filter-count{background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.filters-content{flex-direction:column}.filter-options,.filters-content{display:flex;gap:1rem;gap:var(--spacing-lg)}.filter-options{flex-wrap:wrap}.filter-group{gap:.25rem;gap:var(--spacing-xs);min-width:150px}.filter-label{color:#6c757d;color:var(--text-secondary-color)}.filter-date,.filter-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.filter-date:focus,.filter-select:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none}.bookings-cards-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.bookings-cards-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.booking-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.booking-card:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.booking-card-header{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.booking-info{flex-direction:column}.booking-info,.booking-plate{display:flex;gap:.5rem;gap:var(--spacing-sm)}.booking-plate{align-items:center;color:#212529;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.booking-plate svg{color:#e53e3e;color:var(--primary)}.booking-status,.status-badge{align-items:center;display:flex}.status-badge{border-radius:4px;border-radius:var(--radius-sm);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.status-badge.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-badge.secondary{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.status-badge.info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.booking-actions-header{gap:var(--spacing-sm)}.qr-btn{background:#e53e3e;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);height:32px;width:32px}.qr-btn:hover{background:#e26969;background:var(--primary-hover);transform:scale(1.05)}.booking-card-body{padding:1rem;padding:var(--spacing-lg)}.booking-details{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.booking-detail{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.booking-detail svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.detail-label{color:#6c757d;color:var(--text-secondary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:60px}.detail-value{color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.booking-notes{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:.75rem;margin-top:var(--spacing-md);padding-top:.75rem;padding-top:var(--spacing-md)}.notes-label{color:#6c757d;color:var(--text-secondary-color);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.notes-label,.notes-value{font-size:.9rem;font-size:var(--font-size-sm)}.notes-value{color:#212529;color:var(--text-primary-color);font-style:italic}.add-time-form,.booking-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.form-group{gap:var(--spacing-sm)}.form-label{color:#212529;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.form-select:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none}.form-textarea{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);resize:vertical;transition:all .3s ease;transition:var(--transition)}.form-textarea:focus{border-color:#e53e3e;border-color:var(--primary);box-shadow:0 0 0 3px #e66f4b26;box-shadow:var(--shadow-focus);outline:none}.form-actions{gap:.75rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.qr-modal-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);margin:0 auto;max-width:500px}.qr-header{gap:.75rem;gap:var(--spacing-md);text-align:center}.qr-header,.qr-icon{align-items:center;display:flex}.qr-icon{background:#e53e3e;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);flex-shrink:0;height:48px;justify-content:center;width:48px}.qr-title h3{color:#212529;color:var(--text-primary-color);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.qr-title p{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);margin:0}.qr-code-container{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;padding:1.5rem;padding:var(--spacing-xl)}.qr-code-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.qr-code-image{border-radius:8px;border-radius:var(--radius);max-height:200px;max-width:200px}.qr-code-fallback{align-items:center;border:2px dashed #dadce0;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius);color:#adb5bd;color:var(--text-muted-color);flex-direction:column;gap:.5rem;gap:var(--spacing-sm);height:200px;width:200px}.qr-actions,.qr-code-fallback{display:flex;justify-content:center}.qr-action-group{display:flex;gap:.5rem;gap:var(--spacing-sm)}.qr-action-btn{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#212529;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.qr-action-btn:hover{background:#f1f3f4;background:var(--card);color:#e53e3e;color:var(--primary)}.qr-action-btn.copied,.qr-action-btn:hover{border-color:#e53e3e;border-color:var(--primary)}.qr-action-btn.copied{background:#e53e3e;background:var(--primary);color:#fff;color:var(--light-bg)}.qr-info{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex-direction:column;padding:1rem;padding:var(--spacing-lg)}.qr-info,.qr-info-item{display:flex;gap:.5rem;gap:var(--spacing-sm)}.qr-info-item{align-items:center;color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.qr-info-item svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.qr-url-preview{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:.75rem;padding:var(--spacing-md)}.qr-url-label{color:#6c757d;color:var(--text-secondary-color);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.qr-url-text{color:#adb5bd;color:var(--text-muted-color);font-family:monospace;font-size:.8rem;font-size:var(--font-size-xs);word-break:break-all}@media (max-width:768px){.bookings-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.bookings-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.bookings-title h1{font-size:1.5rem}.bookings-cards-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.booking-details{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.filter-options,.filters-content{gap:.75rem;gap:var(--spacing-md)}.filter-options{flex-direction:column}.filter-group{min-width:auto}.about-to-end-grid{grid-template-columns:1fr}.qr-action-group{flex-direction:column;width:100%}.qr-action-btn{justify-content:center}}.stat-card-custom{align-items:flex-start;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card-custom:hover{box-shadow:5px 10px 25px #e483654f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon-custom{align-items:center;background:#e53e3e;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-content-custom{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.stat-title-custom{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-value-custom{color:#212529;color:var(--text-primary-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stat-subtitle-custom{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem;line-height:1.3;margin:0}.stat-card-custom.stat-purple .stat-icon-custom{background:#8b5cf6}.stat-card-custom.stat-orange .stat-icon-custom{background:#f59e0b}.stat-card-custom.stat-green .stat-icon-custom{background:#10b981}.stat-card-custom.stat-red .stat-icon-custom{background:#ef4444}@media (max-width:768px){.stat-card-custom{gap:.75rem;padding:1rem}.stat-icon-custom{height:36px;width:36px}.stat-value-custom{font-size:1.25rem}.stat-title-custom{font-size:.8rem}.stat-subtitle-custom{font-size:.75rem}}.add-time-btn,.booking-actions-header{align-items:center;display:flex;gap:.5rem}.add-time-btn{background:#e53e3e;background:var(--primary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.add-time-btn:hover{background:#e26969;background:var(--primary-hover);transform:translateY(-1px)}.add-time-btn .btn-text{font-size:.8rem;font-weight:600}.qr-btn{align-items:center;background:var(--secondary);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#212529;color:var(--text-primary-color);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.qr-btn:hover{background:var(--secondary-hover);border-color:#e53e3e;border-color:var(--primary);color:#e53e3e;color:var(--primary)}.cancel-btn{align-items:center;background:#f59e0b;background:var(--warning);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.cancel-btn:hover{background:#d97706;background:var(--warning-hover);transform:translateY(-1px)}.cancel-btn .btn-text{font-size:.8rem;font-weight:600}.delete-btn{align-items:center;background:#ef4444;background:var(--danger);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.delete-btn:hover{background:#dc2626;background:var(--danger-hover);transform:translateY(-1px)}.delete-btn .btn-text{font-size:.8rem;font-weight:600}.cash-btn{align-items:center;background:#28a745;background:var(--success);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.cash-btn:hover{background:#1e7e34;transform:translateY(-1px)}.cash-btn .btn-text{font-size:.8rem;font-weight:600}@media (max-width:768px){.form-row{gap:.75rem;grid-template-columns:1fr}.add-time-btn .btn-text,.cancel-btn .btn-text,.cash-btn .btn-text,.delete-btn .btn-text{display:none}.add-time-btn,.cancel-btn,.cash-btn,.delete-btn{justify-content:center;min-width:32px;padding:.5rem}.accordions-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.interval-selector{min-width:auto;width:100%}.interval-select{width:100%}}.dark .booking-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .booking-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .booking-card-body .notes-value{color:#fff!important;color:var(--dark-text-primary)!important}.dark .booking-card-body .notes-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .vehicle-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .vehicle-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .spot-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .spot-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .admin-auth-page{background:#0a0a0a!important;background:var(--dark-bg)!important}.dark .admin-auth-card{background:#1a1a1a!important;background:var(--dark-card)!important;border-color:#2a2a2a!important;border-color:var(--dark-border)!important}.dark .admin-auth-header h2{color:#fff!important;color:var(--dark-text-primary)!important}.dark .admin-auth-header p{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .admin-auth-form .form-label{color:#fff!important;color:var(--dark-text-primary)!important}.dark .admin-auth-form .form-icon{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .forgot-password-link{color:#e53e3e!important;color:var(--primary)!important}.dark .forgot-password-link:hover{color:#e26969!important;color:var(--primary-hover)!important}.dark .auth-link{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.payment-details{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);margin:1.5rem 0;padding:1rem}.payment-details h4{color:#212529;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 1rem}.payment-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.payment-detail{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;padding:.5rem 0}.payment-detail:last-child{border-bottom:none}.payment-detail.highlight{background:var(--primary-light);border-bottom:none;border-radius:var(--border-radius-sm);margin-top:.5rem;padding:.75rem}.payment-detail .detail-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.payment-detail .detail-value{color:#212529;color:var(--text-primary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.payment-detail.highlight .detail-label,.payment-detail.highlight .detail-value{color:var(--primary-dark);font-weight:700;font-weight:var(--font-weight-bold)}.dark .payment-details{background:#1a1a1a;background:var(--dark-card);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .payment-details h4{color:#fff;color:var(--dark-text-primary)}.dark .payment-detail{border-bottom-color:#2a2a2a;border-bottom-color:var(--dark-border)}.dark .payment-detail .detail-label{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .payment-detail .detail-value{color:#fff;color:var(--dark-text-primary)}.dark .payment-detail.highlight{background:var(--primary-dark)}.add-pricing-modal{max-width:500px}.add-pricing-form{display:flex;flex-direction:column;gap:1rem}.calculation-summary{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);margin:0 0 1rem;order:-1;padding:1rem}.calculation-summary h4{color:#212529;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 1rem}.calculation-details{display:flex;flex-direction:column;gap:.5rem}.calculation-row{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;padding:.5rem 0}.calculation-row:last-child{border-bottom:none}.calculation-row.total{background:var(--primary-light);border-bottom:none;border-radius:var(--border-radius-sm);color:#e53e3e;color:var(--primary);font-weight:700;font-weight:var(--font-weight-bold);margin-top:.5rem;padding:.75rem}.calculation-row.total span:last-child{font-size:1.1rem;font-size:var(--font-size-lg)}.dark .calculation-summary{background:#1a1a1a;background:var(--dark-card);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .calculation-summary h4{color:#fff;color:var(--dark-text-primary)}.dark .calculation-row{border-bottom-color:#2a2a2a;border-bottom-color:var(--dark-border)}.selected-booking-info{background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-sm);font-size:.9rem;font-size:var(--font-size-sm);margin-top:1rem;padding:.75rem}.selected-booking-info h4{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0 0 .5rem}.booking-summary p{color:#6c757d;color:var(--text-secondary);margin:.25rem 0}.dark .selected-booking-info{background:#0a0a0a;background:var(--dark-bg);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .booking-summary p,.dark .selected-booking-info h4{color:#a0a0a0;color:var(--dark-text-secondary)}.pricing-note{background:var(--primary-light);border-left:4px solid #e53e3e;border-left:4px solid var(--primary);border-radius:var(--border-radius-sm);margin-top:1rem;padding:.75rem}.pricing-note p{color:var(--primary-dark);font-size:.9rem;font-size:var(--font-size-sm);line-height:1.4;margin:0}.date-filter-section{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-lg);margin:1.5rem 0;margin:var(--spacing-xl) 0;padding:1rem;padding:var(--spacing-lg)}.date-filter-header{align-items:center;display:flex;justify-content:center}.date-navigation{gap:1rem;gap:var(--spacing-lg)}.date-nav-btn,.date-navigation{align-items:center;display:flex}.date-nav-btn{background:#e53e3e;background:var(--primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.date-nav-btn:hover{background:#e26969;background:var(--primary-hover);transform:translateY(-1px)}.date-nav-btn:disabled{background:#adb5bd;background:var(--text-muted);cursor:not-allowed;transform:none}.date-display{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);min-width:300px;text-align:center}.date-display h2{color:#212529;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.date-picker-inline{max-width:200px;width:100%}.date-picker-inline .date-picker-input-container{align-items:center;background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);display:flex;justify-content:center;min-height:40px;padding:.5rem;padding:var(--spacing-sm)}.date-picker-inline .date-picker-input{background:#0000;border:none;color:#212529;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:0;text-align:center}.date-picker-inline .date-picker-button,.date-picker-inline .date-picker-label{display:none}.today-btn{background:var(--secondary);border:1px solid #dadce0;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:#212529;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.today-btn:hover:not(:disabled){background:var(--secondary-hover);border-color:#e53e3e;border-color:var(--primary);color:#e53e3e;color:var(--primary)}.today-btn:disabled{background:#adb5bd;background:var(--text-muted);color:#adb5bd;color:var(--text-muted);cursor:not-allowed}.quick-stats{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);display:flex;gap:1rem;gap:var(--spacing-lg);margin:1rem 0;margin:var(--spacing-lg) 0;padding:.75rem;padding:var(--spacing-md)}.quick-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.stat-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.stat-value{color:#e53e3e;color:var(--primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.hourly-accordions{margin:1.5rem 0;margin:var(--spacing-xl) 0}.accordions-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.header-content{flex:1 1}.header-content h3{color:#212529;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.header-content p{color:#6c757d;color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.interval-selector{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:150px}.interval-selector label{color:#6c757d;color:var(--text-secondary);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.interval-select,.interval-selector label{font-size:.9rem;font-size:var(--font-size-sm)}.interval-select{background:#fff;background:var(--light-bg);border:2px solid #dadce0;border:2px solid var(--light-border);border-radius:var(--border-radius-sm);color:#212529;color:var(--text-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.interval-select:focus,.interval-select:hover{border-color:#e53e3e;border-color:var(--primary)}.interval-select:focus{box-shadow:0 0 0 3px #e53e3e1a;outline:none}.accordions-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.hour-accordion{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.hour-accordion:hover{border-color:#e53e3e;border-color:var(--primary);box-shadow:var(--shadow-md)}.accordion-header{align-items:center;background:#fff;background:var(--light-bg);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.accordion-header:hover{background:var(--secondary)}.accordion-header.expanded{background:var(--primary-light);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border)}.hour-info{gap:1rem;gap:var(--spacing-lg)}.hour-info,.hour-time{align-items:center;display:flex}.hour-time{color:#212529;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.hour-stats{display:flex;gap:.75rem;gap:var(--spacing-md)}.booked-spots{color:#e53e3e;color:var(--primary)}.booked-spots,.pending-spots{font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.pending-spots{color:#f59e0b;color:var(--warning)}.free-spots{color:#28a745;color:var(--success);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.accordion-toggle{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;justify-content:center;transition:all .3s ease;transition:var(--transition)}.accordion-header.expanded .accordion-toggle{color:#e53e3e;color:var(--primary);transform:rotate(90deg)}.accordion-content{animation:slideDown .3s ease-out;background:#f1f3f4;background:var(--light-card);border-top:1px solid #dadce0;border-top:1px solid var(--light-border);padding:1rem;padding:var(--spacing-lg)}.no-bookings{color:#6c757d;color:var(--text-secondary);font-style:italic;padding:1.5rem;padding:var(--spacing-xl);text-align:center}.bookings-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.dark .date-filter-section{background:#1a1a1a;background:var(--dark-card);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .date-display h2{color:#fff;color:var(--dark-text-primary)}.dark .date-picker-inline .date-picker-input-container{background:#0a0a0a;background:var(--dark-bg);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .date-picker-inline .date-picker-input,.dark .today-btn{color:#fff;color:var(--dark-text-primary)}.dark .today-btn{background:#0a0a0a;background:var(--dark-bg);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .today-btn:hover:not(:disabled){background:#1a1a1a;background:var(--dark-card);border-color:#e53e3e;border-color:var(--primary);color:#e53e3e;color:var(--primary)}.dark .quick-stats{background:#1a1a1a;background:var(--dark-card);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .stat-label{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .header-content h3{color:#fff;color:var(--dark-text-primary)}.dark .header-content p,.dark .interval-selector label{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .interval-select{background:#0a0a0a;background:var(--dark-bg);border-color:#2a2a2a;border-color:var(--dark-border);color:#fff;color:var(--dark-text-primary)}.dark .interval-select:focus,.dark .interval-select:hover{border-color:#e53e3e;border-color:var(--primary)}.dark .interval-select:focus{box-shadow:0 0 0 3px #e53e3e1a}.dark .hour-accordion{background:#1a1a1a;background:var(--dark-card);border-color:#2a2a2a;border-color:var(--dark-border)}.dark .hour-accordion:hover{border-color:#e53e3e;border-color:var(--primary)}.dark .accordion-header{background:#0a0a0a;background:var(--dark-bg)}.dark .accordion-header:hover{background:#1a1a1a;background:var(--dark-card)}.dark .accordion-header.expanded{background:var(--primary-dark);border-bottom-color:#2a2a2a;border-bottom-color:var(--dark-border)}.dark .hour-time{color:#fff;color:var(--dark-text-primary)}.dark .accordion-toggle{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .accordion-header.expanded .accordion-toggle{color:#e53e3e;color:var(--primary)}.dark .accordion-content{background:#1a1a1a;background:var(--dark-card);border-top-color:#2a2a2a;border-top-color:var(--dark-border)}.dark .no-bookings{color:#a0a0a0;color:var(--dark-text-secondary)}@media (max-width:1024px){.date-navigation{gap:.75rem;gap:var(--spacing-md)}.date-display{min-width:200px}.date-display h2{font-size:1.1rem;font-size:var(--font-size-lg)}.hour-info,.quick-stats{gap:.5rem;gap:var(--spacing-sm)}.hour-info{align-items:flex-start;flex-direction:column}.hour-stats{gap:.5rem;gap:var(--spacing-sm)}.bookings-grid{grid-template-columns:1fr}.accordion-header{padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.accordion-content{padding:.75rem;padding:var(--spacing-md)}}.dark .pricing-note{background:var(--primary-dark);border-left-color:#e53e3e;border-left-color:var(--primary)}.dark .pricing-note p{color:#fff;color:var(--light-bg)}.dark{--warning:#fbbf24;--warning-hover:#f59e0b;--danger:#f87171;--danger-hover:#ef4444}.status-filter-container{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.filter-label{color:#212529;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.filter-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-action-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.filter-action-btn:hover{background:#dadce0;background:var(--border);color:#212529;color:var(--text-primary-color)}.filter-action-btn.select-all:hover{background:#28a745;background:var(--success);border-color:#28a745;border-color:var(--success);color:#fff}.filter-action-btn.clear-all:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.status-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.checkbox-label{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.checkbox-label:hover{background:#dadce0;background:var(--border)}.status-checkbox{cursor:pointer;height:16px;width:16px}.status-text{font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.status-text.status-pending{color:#f59e0b;color:var(--warning)}.status-text.status-paid{color:#28a745;color:var(--success)}.status-text.status-cancelled{color:#adb5bd;color:var(--text-muted-color)}.status-text.status-failed{color:#ef4444;color:var(--danger)}.status-text.status-refunded{color:#17a2b8;color:var(--info)}@media (max-width:768px){.status-checkboxes{gap:.5rem;gap:var(--spacing-sm)}.checkbox-label{font-size:.8rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--spacing-sm)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:var(--shadow-lg);max-width:600px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem 2rem}.modal-title{color:var(--text-primary-color);font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:var(--card)}.close-icon{color:var(--text-secondary-color);height:20px;width:20px}.modal-body{padding:2rem}.pricing-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.pricing-info{margin-bottom:1rem}.pricing-title{color:var(--text-primary-color);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pricing-description{font-size:.95rem;margin:0}.pricing-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.price-item{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:.75rem}.price-label{color:var(--text-secondary-color);font-size:.9rem;font-weight:500}.price-value{color:var(--primary);font-size:1rem;font-weight:600}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{align-items:center;color:var(--text-primary-color);display:flex;font-size:.95rem;gap:.5rem}.form-icon{color:var(--primary);height:16px;width:16px}.form-input{border:2px solid var(--border);font-family:inherit;padding:.75rem 1rem;transition:all .3s ease}.form-input:focus{box-shadow:var(--shadow-focus)}.form-input:hover{border-color:var(--primary)}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #dc35451a}.form-input.error:focus{box-shadow:0 0 0 3px #dc354526}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.error-message{align-items:center;color:var(--error);display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.error-icon{height:14px;width:14px}.form-actions{border-top:1px solid var(--border);display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem}.btn-cancel{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-secondary-color);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:var(--border);color:var(--text-primary-color)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.pricing-summary{padding:1.25rem}.pricing-details{gap:.75rem;grid-template-columns:1fr}.form-row{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{flex:1 1}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.pricing-summary{padding:1rem}.modal-title{font-size:1.25rem}.pricing-title{font-size:1.1rem}}.date-picker{display:flex;flex-direction:column;gap:.5rem;position:relative}.date-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.date-picker-calendar-modal{background:var(--light-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow-y:auto;padding:1.5rem;width:90%}.dark .date-picker-calendar-modal{background:var(--dark-bg);border:1px solid var(--dark-border)}.date-picker-label{align-items:center;color:var(--text-secondary-color);display:flex;font-size:.9rem;font-weight:500;gap:.25rem}.date-picker-input-container{align-items:center;display:flex;position:relative}.date-picker-input{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary-color);cursor:pointer;display:flex;font-size:1rem;min-height:2.5rem;padding:.75rem 5rem .75rem .75rem;transition:var(--transition);width:100%}.date-picker-input.disabled{background:var(--bg-muted);color:var(--text-muted-color);cursor:not-allowed}.date-picker-input:hover:not(.disabled){border-color:var(--primary)}.date-picker-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary-color);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;position:absolute;transition:var(--transition);width:2rem}.date-picker-button:not(.today-button){right:.5rem}.date-picker-button.today-button{right:2.5rem}.date-picker-button:hover:not(:disabled){background:var(--bg);color:var(--text-primary-color)}.date-picker-button:disabled{cursor:not-allowed;opacity:.5}.date-picker-calendar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;margin-top:.25rem;min-width:280px;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-nav-button{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:var(--transition)}.calendar-nav-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.calendar-month-year{color:var(--text-primary-color);font-size:1.1rem;font-weight:600;margin:0}.calendar-weekdays{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.calendar-weekday{color:var(--text-secondary-color);font-size:.8rem;font-weight:600;padding:.5rem 0;text-align:center}.calendar-days{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;background:var(--bg);border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:2.5rem;padding:.75rem .5rem;transition:var(--transition)}.calendar-day:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.calendar-day.today{background:var(--primary);color:#fff;font-weight:700}.calendar-day.today:hover:not(:disabled){background:var(--primary-hover)}.calendar-day.selected{background:var(--primary);color:#fff;font-weight:700}.calendar-day.selected:hover:not(:disabled){background:var(--primary-hover)}.calendar-day.disabled,.calendar-day.other-month{color:var(--text-muted-color);opacity:.5}.calendar-day.disabled{background:var(--bg-muted);cursor:not-allowed}.calendar-day.disabled:hover{background:var(--bg-muted);border-color:#0000;color:var(--text-muted-color)}@media (max-width:480px){.date-picker-calendar{min-width:260px;padding:.75rem}.calendar-day{font-size:.8rem;min-height:2rem;padding:.5rem .25rem}.calendar-month-year{font-size:1rem}}.dark .calendar-nav-button{background:var(--dark-card);border-color:var(--dark-border);color:var(--text-primary)}.dark .calendar-nav-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dark .calendar-month-year{color:var(--text-primary)}.dark .calendar-weekday{color:var(--text-secondary)}.dark .calendar-day{background:var(--dark-card);border-color:var(--dark-border);color:var(--text-primary)}.dark .calendar-day:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dark .calendar-day.today{background:var(--primary);border-color:var(--primary);color:#fff}.dark .calendar-day.today:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.dark .calendar-day.selected{background:var(--primary);border-color:var(--primary);color:#fff}.dark .calendar-day.selected:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.dark .calendar-day.other-month{color:var(--text-muted)}.dark .calendar-day.disabled{background:var(--dark-card);border-color:var(--dark-border);color:var(--text-muted)}.time-picker{display:flex;flex-direction:column;gap:.5rem;position:relative}.time-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.time-picker-dropdown-modal{background:var(--light-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:400px;overflow-y:auto;padding:1.5rem;width:90%}.dark .time-picker-dropdown-modal{background:var(--dark-bg);border:1px solid var(--dark-border)}.time-picker-label{align-items:center;color:var(--text-secondary-color);display:flex;font-size:.9rem;font-weight:500;gap:.25rem}.required{color:var(--red)}.time-picker-input-container{align-items:center;display:flex;position:relative}.time-picker-input{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary-color);cursor:pointer;display:flex;font-size:1rem;min-height:2.5rem;padding:.75rem 5rem .75rem .75rem;transition:var(--transition);width:100%}.time-picker-input.disabled{background:var(--bg-muted);color:var(--text-muted-color);cursor:not-allowed}.time-picker-input:hover:not(.disabled){border-color:var(--primary)}.time-picker-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary-color);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;position:absolute;transition:var(--transition);width:2rem}.time-picker-button:not(.current-time){right:.5rem}.time-picker-button.current-time{right:2.5rem}.time-picker-button:hover:not(:disabled){background:var(--bg);color:var(--text-primary-color)}.time-picker-button:disabled{cursor:not-allowed;opacity:.5}.time-picker-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;margin-top:.25rem;max-height:300px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.time-picker-header{align-items:center;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.time-picker-title{color:var(--text-primary-color);font-size:.9rem;font-weight:600}.time-picker-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary-color);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:.25rem;transition:var(--transition);width:24px}.time-picker-close:hover{background:var(--bg);color:var(--text-primary-color)}.time-list{max-height:250px;overflow-y:auto;padding:.5rem}.time-option{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:var(--transition);width:100%}.time-option:hover{background:var(--primary-light);color:var(--primary)}.time-option.selected{background:var(--primary);color:#fff;font-weight:600}.time-option.selected:hover{background:var(--primary-hover)}.time-display{font-weight:500}.time-value{font-family:monospace;font-size:.8rem;opacity:.7}.time-list::-webkit-scrollbar{width:6px}.time-list::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.time-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.time-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color)}@media (max-width:480px){.time-picker-dropdown{max-height:250px;min-width:180px}.time-option{font-size:.85rem;padding:.6rem .8rem}.time-picker-header{padding:.75rem}.time-list{max-height:200px;padding:.25rem}}.dark .time-picker-header{background:var(--dark-card);border-bottom-color:var(--dark-border)}.dark .time-picker-title{color:var(--text-primary)}.dark .time-picker-close{color:var(--text-secondary)}.dark .time-option,.dark .time-picker-close:hover{background:var(--dark-card);color:var(--text-primary)}.dark .time-option{border-color:var(--dark-border)}.dark .time-option:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dark .time-option.selected{background:var(--primary);color:#fff}.dark .time-option.selected:hover{background:var(--primary-hover)}.homepage{background:var(--bg);min-height:100vh}.public-navbar{background:var(--bg);border-bottom:1px solid var(--border);padding:.5rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar-inner{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.navbar-brand{align-items:center;color:var(--text-primary-color);display:inline-flex;gap:.5rem;text-decoration:none}.navbar-logo{border-radius:6px;height:60px;width:100px}.brand-text{font-weight:700}.navbar-center{display:flex;gap:1rem}.phone-link{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--primary);display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.phone-link:hover{background:#0000;border:none;color:var(--primary-hover);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.phone-link{background:#0000;border:none;color:var(--primary)}.phone-link:hover{background:#0000;border:none;color:var(--primary-hover)}}.dark .phone-link{background:#0000;border:none;color:var(--primary)}.dark .phone-link:hover{background:#0000;border:none;color:var(--primary-hover)}.nav-link{color:var(--text-secondary-color);font-weight:500;text-decoration:none}.nav-link:hover{background:var(--card);border-radius:var(--radius);color:var(--primary);padding:.5rem .75rem}.simple-hero{padding:4rem 0}.hero-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1.2fr 1fr}.breadcrumb{align-items:center;color:var(--text-secondary-color);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{color:var(--primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted-color)}.hero-heading{color:var(--text-primary-color);font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:.75rem}.hero-subtext{color:var(--primary);margin:0}.hero-photo{border-radius:20px;box-shadow:var(--shadow-lg);display:block;height:auto;width:120%}@media (max-width:768px){.hero-right{display:none}.hero-grid{grid-template-columns:1fr}}.pricing-section{background:var(--bg);padding:4rem 0}.upcoming-section{padding:2rem 0}.upcoming-list{grid-gap:1rem;display:grid;gap:1rem}.upcoming-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.up-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.up-primary{display:flex;flex-direction:column}.up-title{color:var(--text-primary-color);font-weight:700}.up-subtitle{color:var(--text-secondary-color);font-size:.95rem}.status-chip{border-radius:999px;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.status-chip.paid{background:#10b9811f;border:1px solid #10b9814d;color:#10b981}.status-chip.pending{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#f59e0b}.up-row.times{gap:2rem;margin-top:.75rem}.label{color:var(--text-secondary-color);font-size:.85rem}.value{color:var(--text-primary-color);font-weight:600}.up-actions{margin-top:.75rem}.btn-pay{background:var(--primary);border-radius:var(--radius);color:#fff;font-weight:600;padding:.5rem .75rem;text-decoration:none}.section-header{margin-bottom:3rem;text-align:center}.section-title{color:var(--text-primary-color);font-size:2.5rem;margin-bottom:1rem}.section-description{color:var(--text-secondary-color);font-size:1.2rem;margin:0 auto;max-width:600px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner{height:40px;width:40px}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.pricing-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:before{background:linear-gradient(90deg,var(--primary),var(--primary-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card:hover:before{transform:scaleX(1)}.pricing-card-header{align-items:center;display:flex;flex-direction:column;gap:1rem}.pricing-icon{color:var(--primary);height:24px;width:24px}.pricing-name{align-items:center;color:var(--text-primary-color);display:flex;flex-wrap:nowrap;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.pricing-card-body{margin-bottom:2rem}.pricing-price{align-items:baseline;display:flex;gap:.5rem;margin-bottom:1rem}.price-amount{color:var(--primary);font-size:2.5rem;font-weight:700}.price-duration{color:var(--text-secondary);font-size:2rem;font-weight:500}.pricing-description{color:var(--text-secondary-color);line-height:1.6;margin-bottom:1.5rem}@media (max-width:768px){.hero-grid{gap:2rem;grid-template-columns:1fr}.hero-left{text-align:left}.hero-heading{font-size:2.25rem}.section-title{font-size:2rem}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card{padding:1.5rem}.hero-photo{width:100%}}@media (max-width:480px){.pricing-section,.simple-hero{padding:3rem 0}.hero-heading{font-size:1.9rem}.section-title{font-size:1.8rem}.pricing-card{padding:1.25rem}.price-amount{font-size:2rem}}.quick-booking-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:2rem 0;padding:2rem 0;position:relative;z-index:10}.quick-booking-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;text-align:center}.quick-booking-title{color:var(--text-primary-color);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.quick-booking-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;position:relative;z-index:10}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-right:1rem}.form-label{color:var(--text-secondary-color);font-size:.9rem;font-weight:500;text-align:left}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary-color);font-size:1rem;padding:.75rem;position:relative;transition:var(--transition);z-index:1}.form-input,.form-input[type=date]{cursor:pointer}.form-input[type=date]::-webkit-calendar-picker-indicator{background:#0000;cursor:pointer;height:20px;opacity:1;width:20px}.form-input[type=time]{cursor:pointer}.form-input[type=time]::-webkit-calendar-picker-indicator{background:#0000;cursor:pointer;height:20px;opacity:1;width:20px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input:disabled{background:var(--bg-muted);color:var(--text-muted-color);cursor:not-allowed}.form-input[type=date],.form-input[type=time]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-input[type=date]::-webkit-datetime-edit,.form-input[type=date]::-webkit-datetime-edit-fields-wrapper,.form-input[type=time]::-webkit-datetime-edit,.form-input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input[type=date]::-webkit-datetime-edit-text,.form-input[type=time]::-webkit-datetime-edit-text{color:var(--text-primary-color)}.form-input[type=date]::-webkit-datetime-edit-day-field,.form-input[type=date]::-webkit-datetime-edit-month-field,.form-input[type=date]::-webkit-datetime-edit-year-field,.form-input[type=time]::-webkit-datetime-edit-hour-field,.form-input[type=time]::-webkit-datetime-edit-minute-field{color:var(--text-primary-color)}.btn-book-spot{align-items:center;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;padding:.75rem 1.5rem;transition:var(--transition)}.btn-book-spot:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-book-spot.btn-loading{opacity:.8;pointer-events:none}.btn-book-spot .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--text-primary-color);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary-color);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:var(--transition)}.modal-close:hover{background:var(--bg);color:var(--text-primary-color)}.modal-body{padding:1.5rem}.vehicle-info-section{margin-bottom:2rem}.vehicle-info-section h4{color:var(--text-primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.vehicle-form{display:flex;flex-direction:column;gap:1rem}.input-with-button{align-items:center;display:flex;gap:.5rem}.input-with-button .form-input{flex:1 1}.btn-change{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:var(--transition);white-space:nowrap}.btn-change:hover{background:var(--secondary-hover)}.btn-save{align-self:flex-start;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition)}.btn-save:hover{background:var(--primary-hover)}.pricing-selection h4{color:var(--text-primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.pricing-select-container{display:flex;flex-direction:column;gap:1rem}.pricing-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary-color);cursor:pointer;font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.pricing-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.pricing-select option{background:var(--card);color:var(--text-primary-color);padding:.5rem}.btn-book-now{align-self:flex-start;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition)}.btn-book-now:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-book-now:disabled{background:var(--bg-muted);color:var(--text-muted-color);cursor:not-allowed;transform:none}.btn-book-now.btn-loading{opacity:.8;pointer-events:none}.btn-book-now .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.quick-booking-grid{gap:1rem;grid-template-columns:1fr}.btn-book-spot{width:100%}.input-with-button{align-items:stretch;flex-direction:column}.btn-change{align-self:stretch}}.payment-success-page{align-items:center;background:var(--light-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.success-container{animation:fadeInUp .6s ease-out;background:var(--light-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;padding:3rem;width:100%}.success-header{margin-bottom:3rem;text-align:center}.success-icon{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--success),#34d399);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.check-icon{color:#fff;height:40px;width:40px}.success-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.success-message{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0}.booking-details{margin-bottom:3rem}.details-title{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-card{background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.detail-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.detail-header{align-items:center;border-bottom:1px solid var(--light-border);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.detail-icon{color:var(--primary);height:20px;width:20px}.detail-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.detail-content{display:flex;flex-direction:column;gap:.75rem}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.detail-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:right}.detail-value.price{color:var(--primary);font-size:1.1rem}.detail-value.status-paid{background:#28a7451a;border-radius:var(--radius-sm);color:var(--success);font-size:.8rem;font-weight:700;padding:.25rem .5rem}.btn-primary.btn-loading,.btn-secondary.btn-loading{opacity:.8;pointer-events:none}.btn-primary .loading-spinner,.btn-secondary .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:8px;width:16px}.important-notes{background:#e66f4b0d;border:1px solid #e66f4b33;border-radius:var(--radius-lg);padding:1.5rem}.important-notes h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.important-notes ul{margin:0;padding-left:1.5rem}.important-notes li{color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.important-notes li:last-child{margin-bottom:0}.loading-container{padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--light-border);border:4px solid var(--light-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.loading-container p{color:var(--text-secondary)}.error-container{padding:3rem;text-align:center}.error-icon{align-items:center;background:#dc35451a;border-radius:50%;display:inline-flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.error-check{color:var(--error);height:30px;width:30px}.error-container h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.error-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.success-container{background:#fff;color:#333}.success-container *{color:inherit}.success-container .success-icon{background:#10b981}.success-container .detail-card{background:#f8fafc;border:1px solid #e2e8f0}.success-container .detail-label{color:#64748b}.success-container .detail-value{color:#1e293b}.success-container .detail-value.price,.success-container .detail-value.status-paid{color:#059669;font-weight:600}.success-container .important-notes{background:#f1f5f9;border:1px solid #e2e8f0}.success-container .important-notes h3{color:#1e293b}.success-container .important-notes li{color:#475569}@media (max-width:768px){.payment-success-page{padding:1rem}.success-container{padding:2rem}.success-title{font-size:2rem}.success-message{font-size:1.1rem}.details-grid{gap:1rem;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.success-container{padding:1.5rem}.success-title{font-size:1.8rem}.success-message{font-size:1rem}.details-title{font-size:1.5rem}.detail-card{padding:1.25rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-value{text-align:left}}.payment-cancel-page{align-items:center;background:var(--light-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.cancel-container{animation:fadeInUp .6s ease-out;background:var(--light-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:700px;padding:3rem;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cancel-header{margin-bottom:3rem;text-align:center}.cancel-icon{align-items:center;animation:cancelPulse 2s ease-in-out infinite;background:#dc35451a;border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}@keyframes cancelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.x-icon{color:var(--error);height:40px;width:40px}.cancel-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cancel-message{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0}.info-section{background:#dc35450d;border:1px solid #dc35451a;border-radius:var(--radius-lg);margin-bottom:3rem;padding:2rem}.info-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.info-content p{line-height:1.6;margin-bottom:1rem}.info-content p,.info-list{color:var(--text-secondary)}.info-list{margin:0;padding-left:1.5rem}.info-list li{line-height:1.5;margin-bottom:.5rem}.info-list li:last-child{margin-bottom:0}.next-steps{margin-bottom:3rem}.steps-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-card{background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s ease}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-4px)}.step-icon{align-items:center;background:#e66f4b1a;border-radius:50%;display:inline-flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.step-icon-svg{color:var(--primary);height:30px;width:30px}.step-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .75rem}.step-card p{color:var(--text-secondary);line-height:1.5;margin:0}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff}.btn-primary:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--light-bg);border:2px solid var(--light-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--light-border);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-icon{height:18px;width:18px}.help-section{background:#e66f4b0d;border:1px solid #e66f4b1a;border-radius:var(--radius-lg);padding:2rem;text-align:center}.help-section h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1rem}.help-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.help-info{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:400px}.help-item{align-items:center;background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:.75rem}.help-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.help-value{color:var(--primary);font-size:.95rem;font-weight:600}@media (max-width:768px){.payment-cancel-page{padding:1rem}.cancel-container{padding:2rem}.cancel-title{font-size:2rem}.cancel-message{font-size:1.1rem}.info-section{padding:1.5rem}.steps-grid{gap:1rem;grid-template-columns:1fr}.step-card{padding:1.5rem}.action-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:300px;width:100%}.help-info{flex-direction:column;gap:.5rem}.help-item{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.cancel-container{padding:1.5rem}.cancel-title{font-size:1.8rem}.cancel-message{font-size:1rem}.info-section{padding:1.25rem}.info-title,.steps-title{font-size:1.3rem}.step-card{padding:1.25rem}.step-icon{height:50px;width:50px}.step-icon-svg{height:25px;width:25px}.help-section{padding:1.5rem}.help-section h3{font-size:1.2rem}}
/*# sourceMappingURL=main.8972026b.css.map*/