:root{--bg-color:#fff;--bg-dark:#1a0f0c;--text-color:#222;--text-light:#fff;--text-muted:#666;--accent-color:#dd2a2a;--accent-hover:#ff3b3b;--dark-color:#120a08;--border-color:#333;--card-bg:#222;--shadow-color:#00000080;--shadow-sm:0 2px 4px var(--shadow-color);--shadow-md:0 4px 6px var(--shadow-color);--shadow-lg:0 10px 15px var(--shadow-color);--calendar-bg:#1a1a1a;--calendar-header:#222;--calendar-grid-border:#333;--calendar-booked:#dd2a2a26;--calendar-available:#1e1e1e99;--calendar-selected:#dd2a2a66;--success:#4caf50;--danger:#dd2a2a}.App{margin:auto;max-width:1000px;padding:0 10px;width:100%}*{box-sizing:border-box;font-family:Noto Sans,sans-serif;margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;background-color:#fff;background-color:var(--bg-color);color:#222;color:var(--text-color);font-size:14px;letter-spacing:.02em;line-height:1.6;min-height:100vh;padding:10px;position:relative;touch-action:manipulation}.background-overlay{background-position:50%;background-repeat:no-repeat;background-size:100% auto;height:100%;left:0;opacity:.03;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;max-width:1200px;padding:0 2rem}section{padding:5rem 0;position:relative}h1,h2,h3,h4{font-family:Noto Sans,sans-serif;font-weight:500;letter-spacing:.04em;line-height:1.2}h1{font-size:2.5rem;font-weight:600;margin-bottom:1rem}h1,h2{color:#222;color:var(--text-color);text-transform:uppercase}h2{font-size:2rem;margin-bottom:1.5rem}h3{font-size:1.1rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase}h4{color:#dd2a2a;color:var(--accent-color);font-size:1rem;font-weight:600}h4,p{margin-bottom:1.5rem}p{color:#666;color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:color .3s ease}ul{list-style:none}.dark-section{background-color:#1a0f0c;background-color:var(--bg-dark)}.dark-section,.dark-section h2{color:#fff;color:var(--text-light)}.btn{border:none;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.05em;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{background-color:#dd2a2a;background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#ff3b3b;background-color:var(--accent-hover)}.btn-secondary{background-color:#ffffff1a;border:1px solid #333;border:1px solid var(--border-color);color:#222;color:var(--text-color)}.btn-secondary:hover{background-color:#ffffff26}.btn-large{font-size:16px;padding:1.2rem 2.5rem}button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background-color:#dd2a2a;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.05em;min-height:44px;padding:12px 24px;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease}button:hover{background-color:#ff3b3b;background-color:var(--accent-hover)}button:disabled{background-color:#666;background-color:var(--text-muted);cursor:not-allowed;opacity:.7}input,select{-webkit-appearance:none;appearance:none;background-color:#ffffff0d;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#222;color:var(--text-color);font-family:Noto Sans,sans-serif;font-size:16px;letter-spacing:.02em;margin-bottom:20px;min-height:48px;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,select:focus{border-color:#dd2a2a;border-color:var(--accent-color);box-shadow:0 0 0 2px #dd2a2a4d;outline:none}label{font-weight:500;letter-spacing:.02em;margin-bottom:8px}.visible,label{display:block}.logo{align-items:center;display:flex;font-size:28px;font-weight:700;gap:10px;justify-content:center;margin-bottom:30px;text-align:center}.logo i,.logo span{color:#dd2a2a;color:var(--accent-color)}.site-branding{align-items:center;display:flex;margin-bottom:20px}.site-info{display:flex;flex-direction:column}.site-title{color:#dd2a2a;color:var(--accent-color);font-size:1.1rem;font-weight:600;letter-spacing:.1em}.site-subtitle{color:#666;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em}@media (max-width:768px){.admin-page .site-branding{justify-content:center;margin-bottom:10px;text-align:center}.admin-page .site-info{align-items:center}.admin-page .site-title{font-size:1.3rem}.admin-page .site-subtitle{color:#dd2a2a;color:var(--accent-color);font-size:.65rem;font-weight:600;letter-spacing:.07em;margin-top:2px}}.page-title{font-size:32px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase}.welcome-text{font-size:18px;line-height:1.6;margin-bottom:40px;text-align:center}.access-cards{margin:auto;width:340px}.time-slots-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));width:100%}.time-slots-grid button{min-height:44px;width:100%}.thanks-actions{display:flex;justify-content:center;margin-top:20px;width:100%}.thanks-actions button{max-width:300px;width:100%}.access-card{align-items:center;background-color:#fff;border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #00000080;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:30px;text-align:center;transition:all .3s ease}.access-card:hover{border-color:#dd2a2a;border-color:var(--accent-color);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-icon{color:#dd2a2a;color:var(--accent-color);font-size:36px;margin-bottom:20px}.access-card h3{font-size:22px;margin-bottom:10px;text-transform:uppercase}.access-card p{color:#666;color:var(--text-muted);margin-bottom:20px}.card-button{background-color:#dd2a2a;background-color:var(--accent-color);color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.access-card:hover .card-button{background-color:#ff3b3b;background-color:var(--accent-hover)}.cant-login{cursor:not-allowed}.cant-login,.cant-login:hover{background-color:gray}.can-login{cursor:pointer}.can-login,.can-login:hover{background-color:red}.login-form{margin:0 auto;max-width:400px;padding:0 10px;width:100%}.input-group{margin-bottom:20px;position:relative}.input-icon{color:#666;color:var(--text-muted);left:16px;position:absolute;top:15px}.input-group input{padding-left:45px}.btn-group{display:flex;flex-direction:column;gap:15px;margin-top:25px;width:100%}.btn-group button{width:100%}@media (min-width:768px){.btn-group{flex-direction:row}.btn-group button{min-width:120px;width:auto}}.client-login-link{display:flex;justify-content:center;margin-bottom:20px;margin-top:40px;width:100%}.client-login-link button{max-width:220px;min-height:48px;width:100%}.error{color:#dd2a2a;color:var(--danger)}.error,.success{font-weight:500;margin-bottom:15px}.success{color:#4caf50;color:var(--success)}.page-header{margin-bottom:30px;padding:0 10px;text-align:center}.page-header h1{font-size:1.8rem}@media (min-width:768px){.page-header h1{font-size:2.5rem}}.confirmation-form{border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #00000080;box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:20px;width:100%}@media (min-width:768px){.confirmation-form{padding:30px}}.booking-summary{background-color:#0000000d;border-left:4px solid #dd2a2a;border-left:4px solid var(--accent-color);border-radius:4px;margin:30px 0;padding:20px}.confirmation-actions{display:flex;flex-direction:column;gap:15px;justify-content:center;width:100%}.confirmation-actions button{width:100%}@media (min-width:768px){.confirmation-actions{flex-direction:row;justify-content:space-between}.confirmation-actions button{min-width:160px;width:auto}}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1rem}@media (min-width:768px){body{padding:20px}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.1rem}.container{padding:0 20px}.access-cards{grid-template-columns:1fr}}@media (min-width:992px){h1{font-size:2.5rem}h2{font-size:2rem}.container{max-width:100%;padding:0 30px}}.login-page,.thanks-page{margin:0 auto;max-width:500px;padding:0 15px;width:100%}.admin-page{margin:0 auto;max-width:1200px;padding:20px}.admin-dashboard{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;min-height:600px;position:relative}.admin-content{border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;max-height:100%;overflow-y:auto;padding:20px}.admin-sidebar{display:flex;flex-direction:column;gap:10px;width:100%}.admin-nav-btn{align-items:center;background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;box-shadow:none;color:#222;color:var(--text-color);display:flex;font-weight:500;justify-content:flex-start;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase;width:100%}.admin-nav-btn i{margin-right:10px;text-align:center;width:16px}.admin-nav-btn:hover{background-color:#0000000d;box-shadow:none;transform:none}.admin-nav-btn.active,.admin-nav-btn:hover{border-color:#dd2a2a;border-color:var(--accent-color)}.admin-nav-btn.active{background-color:#dd2a2a;background-color:var(--accent-color);color:#fff;font-weight:600}.admin-nav-btn.logout{border-color:#dd2a2a;border-color:var(--accent-color);color:#222;color:var(--text-color);margin-top:auto}.admin-nav-btn.logout:hover{background-color:#dd2a2a;background-color:var(--accent-color);color:#fff}.admin-content{background-color:#fff}.hidden{display:none}.admin-tab.active{display:block}.admin-card{background-color:#00000005;border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.admin-card h2{align-items:center;display:flex;gap:10px}.admin-card h2,.bookings-list h2{color:#dd2a2a;color:var(--accent-color);font-size:18px;margin-bottom:20px;text-transform:uppercase}.week-picker{background-color:#00000005;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:10px}.week-info,.week-picker{align-items:center;display:flex}.week-info{font-size:15px;font-weight:600;gap:10px;letter-spacing:.05em;position:relative;text-transform:uppercase}.current-week-indicator{color:#dd2a2a;color:var(--accent-color);display:inline-block;font-size:12px;font-weight:500;margin-left:6px;text-transform:none}.week-nav-btn.current-btn{background-color:#dd2a2a;background-color:var(--accent-color);border-color:#dd2a2a;border-color:var(--accent-color);color:#fff;font-size:12px;min-width:60px}.week-nav-buttons{display:flex;gap:10px}.week-nav-btn{align-items:center;background-color:initial;border:1px solid #333;border:1px solid var(--border-color);color:#222;color:var(--text-color);display:flex;font-size:15px;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px}.week-nav-btn.active{background-color:#dd2a2a;background-color:var(--accent-color);border-color:#dd2a2a;border-color:var(--accent-color);color:#fff}.week-nav-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.week-picker{flex-direction:column;gap:8px;padding:8px}.week-info{flex-wrap:nowrap;font-size:13px;text-align:center;white-space:nowrap}.week-info,.week-nav-buttons{justify-content:center;width:100%}.week-nav-btn{align-items:center;border-radius:4px;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:40px;min-width:40px;padding:6px}.current-week-indicator{display:inline-block;font-size:11px;margin-top:0;text-align:center}.week-nav-btn.current-btn{font-size:11px;min-width:50px;padding:6px 8px}}.days-hours-container{border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;overflow:hidden}.day-toggle-btns{background-color:#00000005;display:grid;grid-template-columns:repeat(7,1fr)}.day-toggle-btn,.day-toggle-btns{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color)}.day-toggle-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:8px 10px;text-align:center;transition:all .2s ease}.day-toggle-btn.selected{background-color:#dd2a2a1a}.day-header{align-items:center;display:flex;flex-direction:column;gap:5px}.day-name{font-size:13px;font-weight:600;text-transform:uppercase}.day-status-checkbox{align-items:center;display:flex;font-size:11px;gap:5px;justify-content:center;margin-top:5px;white-space:nowrap}.time-range-container{gap:15px}.time-separator{padding-top:10px}.day-status-checkbox input{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:20px;margin:0;min-height:0;min-height:auto;position:relative;width:20px}.day-status-checkbox input:checked:before{color:#dd2a2a;color:var(--accent-color);content:"×";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.day-status-checkbox .checkbox-label{font-size:11px;letter-spacing:.05em;margin-left:5px;text-transform:uppercase}.day-toggle-btn.active .checkbox-label{color:#dd2a2a;color:var(--accent-color)}.day-toggle-btn:not(.active) .checkbox-label{color:#666;color:var(--text-muted)}.day-hours-settings{display:none;padding:15px}.day-hours-settings.active{display:block}.compact-hours-form{display:flex;flex-direction:column;gap:10px}.time-range-container{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;margin:5px 0}.time-input{font-size:13px!important;margin-bottom:0!important;min-height:32px!important;padding:4px!important;text-align:center;width:120px}.time-separator{color:#666;color:var(--text-muted);font-size:14px;margin:0 2px}.time-row{gap:15px}.time-field,.time-row{align-items:center;display:flex}.time-field{gap:8px}.time-field label{font-size:14px;margin-bottom:0;min-width:45px;text-transform:uppercase;white-space:nowrap}.time-field select{font-size:14px;margin-bottom:0;padding:8px 10px}.bookings-list{padding-right:15px}.booking-item{background-color:#fff;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;margin-bottom:15px;padding:15px;transition:all .3s ease}@media (min-width:768px){.booking-item{align-items:center;flex-direction:row;padding:20px}}.booking-item:last-child{margin-bottom:0}.booking-info{flex:1 1}.booking-info p{font-size:14px;line-height:1.4;margin-bottom:8px}.booking-info p:last-child{margin-bottom:0}.booking-info .completed-status{align-items:center;color:#4caf50;color:var(--success);display:flex;font-weight:500;gap:5px;margin-top:10px}.booking-actions{border-top:1px solid #333;border-top:1px solid var(--border-color);gap:10px;margin-top:15px;padding-top:15px}@media (min-width:768px){.booking-actions{border-top:none;flex-direction:row;margin-top:0;padding-top:0}}.admin-action-btn{align-items:center;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;min-height:44px;padding:10px}@media (min-width:768px){.admin-action-btn{flex:0 0 auto;padding:8px 16px}}.complete-btn{background-color:#4caf50;background-color:var(--success)}.complete-btn:hover{background-color:#45a049}.delete-btn{background-color:#dd2a2a;background-color:var(--danger)}.delete-btn:hover{background-color:#c72727}.empty-state{background-color:#00000005;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#666;color:var(--text-muted);font-style:italic;padding:30px 20px;text-align:center}@media (max-width:992px) and (min-width:769px){.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;margin-bottom:20px;max-height:none;overflow-x:auto;padding-bottom:10px;width:100%}.admin-nav-btn{flex-shrink:0;flex:1 1;justify-content:center;min-width:150px;text-align:center}.admin-nav-btn i{margin-right:6px}.admin-nav-btn.logout{margin-left:auto;margin-top:0}}@media (max-width:820px) and (min-width:769px){.admin-sidebar{flex-direction:row;flex-wrap:wrap;gap:8px}.admin-nav-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 4px)}.admin-nav-btn.logout{margin-left:0;margin-top:8px;width:100%}}@media (max-width:768px){.day-toggle-btns{grid-template-columns:repeat(4,1fr)}.day-toggle-btn:nth-child(4){border-right:none}.security-settings{grid-template-columns:1fr}.day-toggle-btn{min-width:80px}.time-range-container{flex-wrap:nowrap;gap:4px}.time-input{font-size:13px!important;width:110px!important}}@media (max-width:480px){.day-toggle-btns{grid-template-columns:repeat(3,1fr)}.day-toggle-btn:nth-child(3),.day-toggle-btn:nth-child(6){border-right:none}.time-row{align-items:flex-start;flex-direction:column}.time-field{width:100%}.time-range-container{flex-wrap:nowrap;gap:3px}.time-input{font-size:12px!important;width:100px!important}.time-separator{font-size:12px;margin:0 1px}}.booking-container,.booking-page{margin:0 auto;max-width:800px;padding:20px}.date-selector{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;margin-bottom:20px;padding:10px}.date-selector,.month-display{align-items:center;display:flex}.month-display{font-size:16px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:15px;text-align:center;text-transform:uppercase}@media (min-width:768px){.date-selector{flex-direction:row;justify-content:space-between;padding:10px 20px}.month-display{font-size:18px;margin-bottom:0}}.date-navigation{gap:8px;width:100%}.date-navigation,.nav-button{display:flex;justify-content:center}.nav-button{align-items:center;background:none;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;box-shadow:none;color:#222;color:var(--text-color);cursor:pointer;min-height:44px;min-width:140px;padding:8px 12px}@media (min-width:768px){.date-navigation{width:auto}.nav-button{font-size:14px}}.nav-button:hover{background-color:initial;box-shadow:none;color:#dd2a2a;color:var(--accent-color);transform:none}.date-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-bottom:20px;padding-bottom:10px;padding-top:10px;width:100%}.date-card{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:8px 4px;touch-action:manipulation;transition:all .2s ease}.date-card:hover:not(.unavailable){border-color:#dd2a2a;border-color:var(--accent-color);box-shadow:0 2px 4px #00000080;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.date-card.selected{background-color:#dd2a2a;background-color:var(--accent-color);border-color:#dd2a2a;border-color:var(--accent-color);color:#fff}.date-card.unavailable{background-color:#0000000d;color:#666;color:var(--text-muted);cursor:not-allowed}.date-number{font-size:20px;font-weight:700;line-height:1;margin-bottom:3px}.date-day{font-size:11px;font-weight:500;text-transform:uppercase}.date-availability{color:#666;color:var(--text-muted);font-size:12px;margin-top:5px}.time-slots{flex-direction:column;gap:10px;margin-bottom:30px}.time-slot,.time-slots{display:flex;width:100%}.time-slot{align-items:center;background-color:#fff;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:#222;color:var(--text-color);cursor:pointer;justify-content:center;min-height:48px;padding:15px 10px;transition:all .2s ease}.time-slot:hover{box-shadow:0 2px 4px #00000080;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.time-slot.selected,.time-slot:hover{border-color:#dd2a2a;border-color:var(--accent-color)}.time-slot.selected{background-color:#dd2a2a;background-color:var(--accent-color);color:#fff}.time-slot.unavailable{background-color:#0000000d;color:#666;color:var(--text-muted);cursor:not-allowed;opacity:.7}.time-slot.unavailable:hover{border-color:#333;border-color:var(--border-color);box-shadow:none;transform:none}.time-value{font-size:16px;font-weight:500;letter-spacing:.05em}.no-slots-message{background-color:#0000000d;color:#666;color:var(--text-muted);font-style:italic;grid-column:1/6;padding:30px;text-align:center}.booking-summary-section{animation:fadeIn .3s ease;background-color:#fff;border:1px solid #dd2a2a;border:1px solid var(--accent-color);border-radius:8px;margin-bottom:15px;margin-top:5px;padding:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.summary-title{align-items:center;color:#dd2a2a;color:var(--accent-color);font-size:16px;font-weight:600;gap:8px;text-transform:uppercase}.summary-row,.summary-title{display:flex;margin-bottom:10px}.summary-row{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:10px}.summary-row:last-child{border-bottom:none}.summary-label{color:#666;color:var(--text-muted)}.summary-value{font-weight:500}.booking-actions{display:flex;flex-direction:column-reverse;gap:15px;justify-content:center;margin-top:20px;width:100%}@media (min-width:768px){.booking-actions{flex-direction:row;justify-content:flex-end}}.minimized-logout{background-color:initial;border:1px solid #333;border:1px solid var(--border-color);box-shadow:none;color:#222;color:var(--text-color);font-size:14px;padding:8px 12px}.minimized-logout:hover{background-color:#0000000d;box-shadow:none;transform:none}.admin-bottom-nav{background-color:#1a0f0c;background-color:var(--bg-dark);bottom:0;box-shadow:0 -2px 10px #0003;display:none;justify-content:space-around;left:0;max-width:100%;padding:10px 5px;position:fixed;right:0;width:100%;z-index:1000}.admin-bottom-nav-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:50px;justify-content:center;min-width:70px;padding:12px 0;position:relative;transition:all .3s ease}.admin-bottom-nav-btn i{display:inline-block;font-size:24px}.admin-bottom-nav-btn.active{color:#dd2a2a;color:var(--accent-color)}.admin-bottom-nav-btn.active:after{background-color:#dd2a2a;background-color:var(--accent-color);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.admin-bottom-nav-btn:hover{background-color:#ffffff0d;color:#fff}@media (max-width:768px){.admin-dashboard{padding-bottom:72px}.admin-page{min-height:calc(100vh - 72px)}.admin-card{margin-bottom:15px;padding:15px}.week-nav-buttons{flex-direction:row;gap:5px;justify-content:center}.week-nav-btn{flex:1 1;max-width:60px;min-width:40px;padding:6px}.security-settings{flex-direction:column}}@media (min-width:993px){.admin-dashboard{align-items:start;grid-template-columns:220px 1fr}.admin-sidebar{align-self:start;display:flex!important;flex-direction:column;max-height:none;position:sticky;top:20px;width:220px}.admin-bottom-nav{display:none!important}}.desktop-only{display:block}.mobile-only{display:none!important}@media (max-width:992px) and (min-width:769px){.desktop-only{display:block!important}.mobile-only{display:none!important}}@media (max-width:768px){.desktop-only{display:none!important}.admin-bottom-nav,.mobile-only{display:flex!important}}.date-picker-card{background-color:#00000005;background-color:#fff;background-color:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:10px;position:sticky;top:0;z-index:10}.day-selector{justify-content:space-between;width:100%}.day-nav-btn,.day-selector{align-items:center;display:flex}.day-nav-btn{background:#0000;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin:0;min-height:40px;min-width:40px;padding:0;width:40px}.day-nav-btn,.day-nav-btn:hover{color:#222;color:var(--text-color)}.day-nav-btn:hover{background-color:#0000000d;border-color:#dd2a2a;border-color:var(--accent-color)}.selected-date{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:0 10px;text-align:center}.selected-date .date{font-size:14px;font-weight:600;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.today-indicator{color:#dd2a2a;color:var(--accent-color);font-size:11px;font-weight:500}.breaks-list{max-height:300px;overflow-y:auto}.break-item{background:#fff;background:var(--bg-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;padding:12px}.break-info{align-items:center;display:flex;gap:15px;justify-content:space-between}.break-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.break-time{color:var(--text-dark);font-size:13px;font-weight:600}.break-title{color:var(--text-dark);font-size:12px}.recurring-badge{background:#dd2a2a;background:var(--accent-color);border-radius:6px;color:#fff;color:var(--text-light);font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.break-actions{display:flex;gap:8px}.btn-edit{background:#666;background:var(--text-muted);border:none;border-radius:6px;color:#fff;color:var(--text-light);cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .3s ease}@media (max-width:480px){.selected-date .date{font-size:13px}.day-nav-btn{font-size:16px;height:36px;min-height:36px;min-width:36px;width:36px}}.booking-time{background-color:initial;border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#222;color:var(--text-color);display:inline-block;margin-bottom:12px;padding:6px 12px}.booking-time p{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px;margin:0}.booking-details{display:flex;flex-direction:column;gap:8px}.booking-details p{align-items:center;display:flex;gap:8px;margin:0}.btn-edit:hover{background:#888}.btn-delete{background:#dd2a2a;background:var(--danger);border:none;border-radius:6px;color:#fff;color:var(--text-light);cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .3s ease}.btn-delete:hover{background:#c23a3a}.edit-break-form{display:flex;flex-direction:column;gap:10px}.edit-break-form .form-row{align-items:center;color:var(--text-dark);gap:10px}.edit-break-form input[type=text],.edit-break-form input[type=time]{background:#ffffff1a;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);flex:1 1;font-size:12px;padding:6px}.edit-buttons{display:flex;gap:8px}.no-breaks{color:#666;color:var(--text-muted);font-size:12px;font-style:italic;padding:20px;text-align:center}.error-message{background:#dd2a2a1a;border:1px solid #dd2a2a;border:1px solid var(--danger);border-radius:8px;color:#dd2a2a;color:var(--danger)}.error-message,.success-message{font-size:12px;margin-bottom:15px;padding:10px}.success-message{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success);border-radius:8px;color:#4caf50;color:var(--success)}@media (max-width:600px){.break-manager-header{align-items:flex-start;flex-direction:column}.break-info,.form-row{flex-direction:column}.break-info{align-items:flex-start;gap:10px}.break-actions{align-self:stretch;justify-content:flex-end}}.appointments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-height:60px}.progress-bar-container{background-color:#0000001a;height:4px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1001}.progress-bar{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#dd2a2a,#f44 50%,#dd2a2a);background-size:200% 100%;border-radius:0 2px 2px 0;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar:after{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:8px}@keyframes progressShimmer{0%,to{background-position:200% 0}50%{background-position:0 0}}@keyframes progressGlow{0%,to{opacity:0}50%{opacity:1}}.booking-page,.confirmation-form{padding-top:20px}@media (max-width:992px){.admin-dashboard{grid-template-columns:1fr!important}.admin-sidebar{margin-bottom:20px;max-height:none!important;position:relative!important;width:100%!important}}.security-settings{display:flex;flex-direction:column;gap:30px}.security-section{background-color:#00000005;border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;padding:20px}.security-section h3{color:#dd2a2a;color:var(--accent-color);font-size:16px;margin-bottom:8px}.security-section .section-desc{color:#666;color:var(--text-muted);font-size:14px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;font-weight:500;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}
/*# sourceMappingURL=main.556b315f.css.map*/