:root{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;--color-bg: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-text: #f5f5dc;--color-accent: #d4a843;--color-accent-dark: #b8941f;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg)}#root{width:100%;min-height:100vh}.container{width:100%;min-height:100vh;background-color:var(--color-bg)}.header{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.logo-container{margin-bottom:2rem}.logo-placeholder{width:150px;height:150px;margin:0 auto;background:var(--color-bg-secondary);border:3px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-accent);transition:transform .3s ease}.logo-placeholder:hover{transform:scale(1.05)}.main-title{font-size:3.5rem;font-weight:800;color:var(--color-text);margin-bottom:1rem;letter-spacing:-1px}.subtitle{font-size:1.25rem;color:var(--color-accent);font-weight:500;font-style:italic}.contact-section{max-width:800px;margin:0 auto;padding:4rem 2rem}.section-title{font-size:2.5rem;color:var(--color-text);margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.1rem;color:var(--color-accent);text-align:center;margin-bottom:3rem}.contact-form{background:var(--color-bg-secondary);padding:3rem;border-radius:12px;border:1px solid rgba(212,168,67,.2)}.form-group{margin-bottom:1.5rem}.form-group.calendar-section{margin:2rem 0}.form-group.calendar-section>label{display:block;margin-bottom:1.5rem;font-size:1.2rem;text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem;background:var(--color-bg);border:2px solid rgba(212,168,67,.3);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4A843' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .875rem center;background-size:1em;padding-right:2.5rem}.submit-btn{width:100%;padding:1rem 2rem;background:var(--color-accent);color:#0a0a0a;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px #d4a84366}.submit-btn:disabled{background:#d4a84380;cursor:not-allowed;transform:none;box-shadow:none}.form-message{margin-top:1.5rem;padding:1rem;border-radius:8px;text-align:center;font-weight:500}.form-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#81c784}.videos-section{max-width:1400px;margin:0 auto;padding:4rem 2rem;background:var(--color-bg-secondary)}.loading,.error-message,.no-videos{text-align:center;padding:3rem 2rem;font-size:1.1rem}.loading{color:var(--color-accent);font-weight:500}.error-message{color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;margin:0 auto;max-width:600px}.error-message p{margin:.5rem 0}.error-detail{font-size:.9rem;opacity:.8}.no-videos{color:var(--color-text)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.video-card{background:var(--color-bg);border-radius:12px;overflow:hidden;border:1px solid rgba(212,168,67,.2);transition:transform .3s ease,border-color .3s ease}.video-card:hover{transform:translateY(-5px);border-color:var(--color-accent)}.video-thumbnail{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{padding:1.5rem}.video-info h3{color:var(--color-text);font-size:1.25rem;margin-bottom:.5rem}.video-info p{color:var(--color-accent);font-size:.95rem;line-height:1.5}.youtube-link{display:block;text-align:center;font-size:1.2rem;color:var(--color-accent);text-decoration:none;font-weight:600;transition:color .3s ease}.youtube-link:hover{color:var(--color-accent-dark);text-decoration:underline}.faq-section{max-width:900px;margin:0 auto;padding:4rem 2rem;background:var(--color-bg)}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.2);border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#d4a84366}.faq-item[open]{border-color:var(--color-accent);box-shadow:0 4px 12px #d4a84326}.faq-question{padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;-webkit-user-select:none;user-select:none}.faq-question:hover{color:var(--color-accent);background:#d4a8430d}.faq-question:after{content:"+";font-size:1.75rem;font-weight:300;color:var(--color-accent);transition:transform .3s ease;flex-shrink:0;margin-left:1rem}.faq-item[open] .faq-question:after{content:"−";transform:rotate(180deg)}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--color-accent);line-height:1.6;animation:fadeIn .3s ease}.faq-answer p{margin:0;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;padding:2rem;background:var(--color-bg);border-top:1px solid rgba(212,168,67,.2);color:var(--color-accent)}@media(max-width:768px){.main-title{font-size:2.5rem}.section-title{font-size:2rem}.contact-form{padding:2rem 1.5rem}.form-row,.video-grid{grid-template-columns:1fr}.logo-placeholder{width:120px;height:120px}.faq-question{font-size:1rem;padding:1rem 1.25rem}.faq-answer{padding:0 1.25rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.header{padding:3rem 1rem}.main-title{font-size:2rem}.subtitle{font-size:1rem}.section-title{font-size:1.75rem}.contact-form{padding:1.5rem}.faq-section{padding:3rem 1rem}.faq-question{font-size:.95rem;padding:1rem}.faq-question:after{font-size:1.5rem}.faq-answer{padding:0 1rem 1rem;font-size:.9rem}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.scheduling-calendar{width:100%}.calendar-wrapper{margin-bottom:2rem}.custom-calendar{width:100%;background:var(--color-bg);border:2px solid rgba(212,168,67,.3);border-radius:12px;padding:1rem;color:var(--color-text);font-family:inherit}.custom-calendar .react-calendar__navigation{margin-bottom:1rem}.custom-calendar .react-calendar__navigation button{background:transparent;color:var(--color-text);font-size:1.1rem;font-weight:600;min-width:44px;padding:.5rem;border:none;cursor:pointer;transition:color .3s ease}.custom-calendar .react-calendar__navigation button:hover{color:var(--color-accent);background:#d4a8431a;border-radius:6px}.custom-calendar .react-calendar__navigation button:disabled{color:#666;cursor:not-allowed}.custom-calendar .react-calendar__month-view__weekdays{color:var(--color-accent);font-weight:600;text-transform:uppercase;font-size:.85rem}.custom-calendar .react-calendar__month-view__weekdays__weekday{padding:.75rem 0}.custom-calendar .react-calendar__tile{background:var(--color-bg-secondary);color:var(--color-text);padding:1rem .5rem;border:1px solid rgba(212,168,67,.1);border-radius:8px;margin:.2rem;font-size:.95rem;cursor:pointer;transition:all .3s ease}.custom-calendar .react-calendar__tile:hover:not(:disabled){background:#d4a84333;border-color:var(--color-accent)}.custom-calendar .react-calendar__tile--active{background:var(--color-accent)!important;color:#0a0a0a!important;font-weight:700}.custom-calendar .react-calendar__tile--now{background:#d4a84326;border-color:var(--color-accent)}.custom-calendar .react-calendar__tile:disabled{background:#1a1a1a80;color:#555;cursor:not-allowed;opacity:.5}.custom-calendar .react-calendar__tile.available-date{background:var(--color-bg-secondary);border-color:#d4a84366;position:relative}.custom-calendar .react-calendar__tile.available-date:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-accent);border-radius:50%}.custom-calendar .react-calendar__tile.available-date:hover{background:#d4a8434d;transform:translateY(-2px);box-shadow:0 4px 8px #d4a84333}.time-slots-section{margin-top:2rem;padding:1.5rem;background:var(--color-bg);border:2px solid rgba(212,168,67,.3);border-radius:12px}.time-slots-section h3{color:var(--color-text);margin-bottom:1.5rem;font-size:1.25rem;text-align:center}.loading-slots,.no-slots{text-align:center;padding:2rem;color:var(--color-accent);font-size:1rem}.no-slots{color:#888}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.time-slot{padding:1rem;background:var(--color-bg-secondary);border:2px solid rgba(212,168,67,.3);border-radius:8px;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.time-slot:hover{background:#d4a84333;border-color:var(--color-accent);transform:translateY(-2px)}.time-slot.selected{background:var(--color-accent);color:#0a0a0a;border-color:var(--color-accent);box-shadow:0 4px 12px #d4a84366}.selected-summary{margin-top:1.5rem;padding:1rem;background:#d4a8431a;border:1px solid rgba(212,168,67,.3);border-radius:8px;text-align:center}.selected-summary p{color:var(--color-text);font-size:1.1rem;margin:0}.selected-summary strong{color:var(--color-accent)}@media(max-width:768px){.custom-calendar .react-calendar__tile{padding:.75rem .25rem;font-size:.85rem}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.time-slot{padding:.875rem;font-size:.95rem}}@media(max-width:480px){.time-slots-grid{grid-template-columns:repeat(2,1fr)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:300px;padding:16px 20px;background:var(--color-bg-secondary);border-radius:8px;border-left:4px solid;box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease-out;pointer-events:auto;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.toast:hover{transform:translate(-5px);opacity:.9}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-message{color:var(--color-text);font-size:.95rem;line-height:1.4;flex:1}.toast-success{border-left-color:#4caf50}.toast-success .toast-icon{color:#4caf50;background:#4caf5026}.toast-error{border-left-color:#f44336}.toast-error .toast-icon{color:#f44336;background:#f4433626}.toast-warning{border-left-color:#ffc107}.toast-warning .toast-icon{color:#ffc107;background:#ffc10726}.toast-info{border-left-color:#2196f3}.toast-info .toast-icon{color:#2196f3;background:#2196f326}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset;width:100%}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2rem}.admin-login-box{background:var(--color-bg-secondary);border:2px solid rgba(212,168,67,.3);border-radius:12px;padding:3rem;width:100%;max-width:450px;box-shadow:0 8px 32px #00000080}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-header h1{color:var(--color-text);font-size:2rem;margin-bottom:.5rem}.admin-login-header p{color:var(--color-accent);font-size:1rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{padding:1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.5);border-radius:8px;color:#ff6b6b;text-align:center}.admin-login-form .form-group{margin-bottom:0}.admin-login-form label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500}.admin-login-form input{width:100%;padding:.875rem;background:var(--color-bg);border:2px solid rgba(212,168,67,.3);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .3s ease}.admin-login-form input:focus{outline:none;border-color:var(--color-accent)}.login-btn{width:100%;padding:1rem 2rem;background:var(--color-accent);color:#0a0a0a;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.login-btn:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px #d4a84366}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-home{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(212,168,67,.2)}.back-to-home a{color:var(--color-accent);text-decoration:none;font-size:.95rem;transition:color .3s ease}.back-to-home a:hover{color:var(--color-text);text-decoration:underline}@media(max-width:480px){.admin-login-box{padding:2rem 1.5rem}.admin-login-header h1{font-size:1.75rem}}.bookings-management{width:100%}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookings-header h2{color:var(--color-text);font-size:2rem;margin:0}.bookings-stats span{color:var(--color-accent);font-size:1.1rem;font-weight:600}.bookings-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.loading,.error,.no-bookings{text-align:center;padding:3rem;color:var(--color-text);font-size:1.1rem}.bookings-table-container{overflow-x:auto;background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.2);border-radius:8px;margin-bottom:2rem}.bookings-table{width:100%;border-collapse:collapse}.bookings-table thead{background:#d4a8431a}.bookings-table th,.bookings-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(212,168,67,.1)}.bookings-table th{color:var(--color-accent);font-weight:600;text-transform:uppercase;font-size:.85rem}.bookings-table td{color:var(--color-text)}.bookings-table tbody tr:hover{background:#d4a8430d}.status-badge{padding:.35rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-pending{background:#ffc10733;color:#ffc107;border:1px solid #ffc107}.status-confirmed{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.status-cancelled{background:#f4433633;color:#f44336;border:1px solid #f44336}.status-completed{background:#2196f333;color:#2196f3;border:1px solid #2196f3}.type-appearance{background:#9c27b033;color:#9c27b0;border:1px solid #9c27b0}.type-rent{background:#2196f333;color:#2196f3;border:1px solid #2196f3}.status-select{padding:.35rem .5rem;background:var(--color-bg);border:1px solid rgba(212,168,67,.3);border-radius:6px;color:var(--color-text);font-size:.85rem;cursor:pointer}.status-select:focus{outline:none;border-color:var(--color-accent)}.status-select:disabled{opacity:.6;cursor:not-allowed}.updating-indicator{display:inline-block;margin-left:.5rem;font-size:.75rem;color:var(--color-accent);font-style:italic}.bookings-details{margin-top:2rem}.bookings-details h3{color:var(--color-text);margin-bottom:1rem}.booking-detail{background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.2);border-radius:8px;padding:1rem;margin-bottom:.75rem}.booking-detail summary{color:var(--color-accent);cursor:pointer;font-weight:600;padding:.5rem}.booking-detail summary:hover{color:var(--color-text)}.detail-content{padding:1rem;border-top:1px solid rgba(212,168,67,.2);margin-top:.5rem}.detail-content p{color:var(--color-text);margin:.5rem 0}.booking-message{padding:.75rem;background:var(--color-bg);border-left:3px solid var(--color-accent);border-radius:4px;font-style:italic}@media(max-width:768px){.bookings-header{flex-direction:column;align-items:flex-start;gap:1rem}.bookings-filters{flex-direction:column;width:100%}.filter-group{width:100%;flex-direction:column;align-items:flex-start}.filter-group select,.filter-group input{width:100%}.bookings-table{font-size:.85rem}.bookings-table th,.bookings-table td{padding:.5rem}}.timeslots-management{width:100%}.timeslots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.timeslots-header h2{color:var(--color-text);font-size:2rem;margin:0}.timeslots-actions{display:flex;gap:1rem;flex-wrap:wrap}.create-btn,.bulk-btn{padding:.75rem 1.5rem;background:var(--color-accent);color:#0a0a0a;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.create-btn:hover,.bulk-btn:hover{background:#d4a843cc;transform:translateY(-2px)}.bulk-btn{background:#d4a8434d;color:var(--color-accent);border:1px solid var(--color-accent)}.bulk-btn:hover{background:var(--color-accent);color:#0a0a0a}.create-form-container{background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.3);border-radius:8px;padding:2rem;margin-bottom:2rem}.create-form-container h3{color:var(--color-accent);margin-top:0;margin-bottom:1.5rem}.create-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text);font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:.75rem;background:var(--color-bg);border:1px solid rgba(212,168,67,.3);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.weekdays-selector{display:flex;flex-wrap:wrap;gap:1rem}.weekday-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text);padding:.5rem;background:var(--color-bg);border-radius:6px;border:1px solid rgba(212,168,67,.2);transition:all .3s ease}.weekday-checkbox:hover{border-color:var(--color-accent);background:#d4a8431a}.weekday-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.weekday-checkbox span{font-size:.9rem}.times-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:1rem;background:var(--color-bg);border-radius:6px;max-height:400px;overflow-y:auto}.time-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text);padding:.5rem;background:var(--color-bg-secondary);border-radius:6px;border:1px solid rgba(212,168,67,.2);transition:all .3s ease}.time-checkbox:hover{border-color:var(--color-accent);background:#d4a8431a}.time-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.time-checkbox input[type=checkbox]:checked+span{color:var(--color-accent);font-weight:600}.time-checkbox span{font-size:.9rem}.bulk-time-actions{display:flex;gap:.75rem;margin-top:1rem}.select-all-btn,.clear-all-btn{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.select-all-btn{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.select-all-btn:hover{background:#4caf50;color:#fff}.clear-all-btn{background:#f4433633;color:#f44336;border:1px solid #f44336}.clear-all-btn:hover{background:#f44336;color:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.submit-btn{background:var(--color-accent);color:#0a0a0a}.submit-btn:hover{background:#d4a843cc}.submit-btn:disabled{background:#d4a84380;cursor:not-allowed;opacity:.6}.cancel-btn{background:transparent;color:var(--color-text);border:1px solid rgba(212,168,67,.3)}.cancel-btn:hover{background:#d4a8431a;border-color:var(--color-accent)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#d4a84333}.timeslots-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:var(--color-text);font-weight:500}.filter-group select,.filter-group input{padding:.5rem;background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.3);border-radius:6px;color:var(--color-text);font-family:inherit}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-accent)}.clear-filters-btn{padding:.5rem 1rem;background:#d4a84333;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:6px;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{background:var(--color-accent);color:#0a0a0a}.loading,.error,.no-slots{text-align:center;padding:3rem;color:var(--color-text);font-size:1.1rem}.error{color:#ff6b6b}.timeslots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.slot-card{background:var(--color-bg-secondary);border:1px solid rgba(212,168,67,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.slot-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #d4a84333}.slot-card.booked{opacity:.7;background:#f443360d;border-color:#f443364d}.slot-info{display:flex;flex-direction:column;gap:.75rem}.slot-date{color:var(--color-text);font-size:.95rem;font-weight:500}.slot-time{color:var(--color-accent);font-size:1.5rem;font-weight:700}.slot-status{padding:.35rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize;width:fit-content}.slot-status.available{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.slot-status.booked{background:#f4433633;color:#f44336;border:1px solid #f44336}.delete-btn{padding:.5rem 1rem;background:#f4433633;color:#f44336;border:1px solid #f44336;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.delete-btn:hover{background:#f44336;color:#fff}.delete-btn:disabled{opacity:.5;cursor:not-allowed;background:#f443361a}@media(max-width:768px){.timeslots-header{flex-direction:column;align-items:flex-start}.timeslots-actions{width:100%;flex-direction:column}.create-btn,.bulk-btn{width:100%}.form-row{flex-direction:column}.timeslots-filters{flex-direction:column;width:100%}.filter-group{width:100%;flex-direction:column;align-items:flex-start}.filter-group select,.filter-group input{width:100%}.timeslots-grid{grid-template-columns:1fr}.times-selector{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:300px}.bulk-time-actions{flex-direction:column}.select-all-btn,.clear-all-btn{width:100%}}.admin-dashboard{min-height:100vh;background:var(--color-bg)}.admin-nav{background:var(--color-bg-secondary);border-bottom:2px solid rgba(212,168,67,.3);padding:1.5rem 2rem;position:sticky;top:0;z-index:100}.admin-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-nav-header h1{color:var(--color-text);font-size:1.75rem;margin:0}.admin-user-info{display:flex;align-items:center;gap:1rem}.admin-user-info span{color:var(--color-accent);font-size:.95rem}.logout-btn{padding:.5rem 1.25rem;background:#d4a84333;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:var(--color-accent);color:#0a0a0a}.admin-tabs{display:flex;gap:1rem}.tab-btn{padding:.75rem 1.5rem;background:transparent;color:var(--color-text);border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{color:var(--color-accent)}.tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-content{padding:2rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.admin-nav{padding:1rem}.admin-nav-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-tabs{width:100%;justify-content:space-around}.tab-btn{flex:1;text-align:center;padding:.75rem 1rem}.admin-content{padding:1rem}}
