html,body,#root{width:100%;min-height:100%}body{background-color:#000;min-width:320px;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;font-family:Arial,sans-serif}.app{width:100%;min-height:100vh}.hero{color:#fff;background-image:linear-gradient(#000000a6,#000000a6),url(/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}.navbar{padding:25px 8%}.logo{color:#f5c400;font-size:30px;font-weight:800}.hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.hero-content h1{color:#fff;margin-bottom:20px;font-size:52px}.hero-content h1 span{color:#f5c400}.hero-content p{color:#eee;max-width:650px;margin-bottom:35px;font-size:20px;line-height:1.8}.hero-buttons{justify-content:center;gap:15px;display:flex}.hero-buttons button{cursor:pointer;border-radius:8px;padding:15px 32px;font-size:17px;font-weight:700;transition:all .3s}.btn-primary{color:#000;background-color:#f5c400;border:2px solid #f5c400}.btn-secondary{color:#fff;background-color:#0000;border:2px solid #fff}.btn-primary:hover{background-color:#ffd900;border-color:#ffd900;transform:translateY(-3px);box-shadow:0 0 20px #f5c400cc}.btn-secondary:hover{color:#000;background-color:#fff;transform:translateY(-3px);box-shadow:0 0 20px #ffffffb3}.services{color:#111;background-color:#fff;padding:80px 8%}.section-title{text-align:center;margin-bottom:50px}.section-title h2{margin-bottom:12px;font-size:38px}.section-title h2:after{content:"";background-color:#f5c400;border-radius:10px;width:60px;height:4px;margin:15px auto;display:block}.section-title p{color:#666;font-size:18px}.services-container{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.service-card{color:#fff;text-align:center;background-color:#111;border-radius:15px;width:300px;padding:35px 25px;transition:all .3s}.service-card:hover{transform:translateY(-8px)}.service-icon{margin-bottom:20px;font-size:45px}.service-card h3{color:#f5c400;margin-bottom:15px;font-size:22px}.service-card p{color:#ddd;line-height:1.7}.quick-questions{color:#fff;background-color:#111;padding:80px 8%}.quick-questions .section-title h2{color:#fff}.quick-questions .section-title p{color:#ccc}.questions-container{flex-wrap:wrap;justify-content:center;gap:15px;max-width:900px;margin:0 auto;display:flex}.question-button{color:#fff;cursor:pointer;background-color:#1c1c1c;border:2px solid #333;border-radius:10px;padding:15px 25px;font-size:17px;transition:all .3s}.question-button:hover{color:#f5c400;border-color:#f5c400;transform:translateY(-3px)}.question-button.active{color:#000;background-color:#f5c400;border-color:#f5c400}.answer-box{color:#111;text-align:center;direction:rtl;background-color:#fff;border-radius:15px;max-width:750px;margin:35px auto 0;padding:30px}.answer-box h3{margin-bottom:15px;font-size:24px}.answer-box p{color:#555;font-size:17px;line-height:1.9}.location-section{color:#111;background-color:#fff;padding:80px 8%}.location-container{grid-template-columns:1fr 1.5fr;align-items:stretch;gap:30px;max-width:1100px;margin:0 auto;display:grid}.location-info{color:#fff;background-color:#111;border-radius:15px;flex-direction:column;justify-content:center;gap:20px;padding:35px;display:flex}.location-info h3{color:#f5c400;font-size:28px}.location-info p{font-size:18px;line-height:1.7}.whatsapp-location-btn{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;padding:15px 25px;font-size:17px;font-weight:700;transition:all .3s}.whatsapp-location-btn:hover{background-color:#ffd900;transform:translateY(-3px);box-shadow:0 0 20px #f5c400b3}.map-container{border-radius:15px;overflow:hidden}.map-container iframe{width:100%;height:100%;min-height:400px;display:block}@media (width<=768px){.hero-content h1{font-size:36px}.hero-content p{font-size:17px}.hero-buttons{flex-direction:column}.services,.quick-questions,.location-section{padding:60px 20px}.service-card,.question-button{width:100%}.location-container{grid-template-columns:1fr}}.map-link{color:#fff;font-size:18px;line-height:1.7;text-decoration:none;transition:all .3s}.map-link:hover{color:#f5c400}.answer-map-link{color:#000;background-color:#f5c400;border-radius:8px;margin-top:20px;padding:12px 22px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.answer-map-link:hover{background-color:#ffd900;transform:translateY(-2px);box-shadow:0 0 18px #f5c40099}.my-appointments-section{color:#fff;background-color:#0f0f0f;padding:70px 8%}.my-appointments-section .section-title h2{color:#fff}.my-appointments-section .section-title p{color:#ccc}.my-appointments-list{gap:20px;max-width:900px;margin:0 auto;display:grid}.my-appointment-card{background-color:#1a1a1a;border:1px solid #333;border-radius:15px;padding:25px}.my-appointment-card h3{color:#f5c400;margin-bottom:15px}.my-appointment-card p{color:#ddd;margin:10px 0;line-height:1.7}*{box-sizing:border-box}body{margin:0}.admin-page{color:#fff;background-color:#0f0f0f;min-height:100vh;padding:50px 20px}.admin-container{max-width:1400px;margin:0 auto}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px;display:flex}.admin-header h1{color:#f5c400;margin:0 0 10px;font-size:42px}.admin-header p{color:#ccc;margin:0;font-size:18px}.logout-button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;padding:12px 20px;font-weight:700}.admin-card{background-color:#1a1a1a;border:1px solid #333;border-radius:15px;padding:25px}.admin-card h2{color:#f5c400;margin-bottom:18px;font-size:22px}.admin-card input,.admin-card textarea{color:#fff;background-color:#111;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.admin-card textarea{resize:vertical;min-height:120px}.admin-card button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;width:100%;padding:13px;font-size:16px;font-weight:700}.client-form-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;display:grid}.cancel-edit-button{width:100%;margin-top:10px;color:#fff!important;background-color:#444!important}.appointments-section{margin-top:50px}.appointments-section h2{color:#f5c400;margin-bottom:20px}.appointments-table-wrapper{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;overflow-x:auto}.appointments-table{border-collapse:collapse;width:100%;min-width:1350px}.appointments-table th,.appointments-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #333;padding:13px 10px}.appointments-table th{color:#f5c400;white-space:nowrap;background-color:#111;font-weight:700}.appointments-table td{color:#ddd}.appointments-table tbody tr:hover{background-color:#222}.clients-section{margin-top:50px}.clients-section h2{color:#f5c400;margin-bottom:20px}.clients-table-wrapper{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%;min-width:950px}.clients-table th,.clients-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #333;padding:14px 12px}.clients-table th{color:#f5c400;background-color:#111;font-weight:700}.clients-table td{color:#ddd}.clients-table tbody tr:hover{background-color:#222}.table-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.table-actions button{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 11px;font-weight:700}.edit-client-button{color:#000;background-color:#f5c400}.delete-client-button{color:#fff;background-color:#d32f2f}.confirm-appointment-button{color:#000;background-color:#f5c400}.reschedule-appointment-button{color:#000;background-color:#fff}.cancel-appointment-button{color:#fff;background-color:#d32f2f}.reschedule-box{text-align:right;background-color:#111;border:1px solid #444;border-radius:12px;width:280px;margin-top:15px;padding:15px}.reschedule-box h4{color:#f5c400;margin:0 0 15px}.reschedule-box label{color:#ddd;margin:10px 0 7px;display:block}.reschedule-box input,.reschedule-box textarea{color:#fff;background-color:#1a1a1a;border:1px solid #555;border-radius:8px;width:100%;padding:10px}.reschedule-box textarea{resize:vertical;min-height:80px}.save-reschedule-button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-weight:700}.close-reschedule-button{color:#fff;cursor:pointer;background-color:#444;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px}.admin-login-page{background-color:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-box{text-align:center;background-color:#1a1a1a;border:1px solid #333;border-radius:15px;width:100%;max-width:420px;padding:35px}.admin-login-box h1{color:#f5c400;margin-bottom:10px}.admin-login-box p{color:#ccc;margin-bottom:25px}.admin-login-box input{color:#fff;background-color:#111;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.admin-login-box button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700}.login-error{color:#ff5c5c!important}@media (width<=768px){.client-form-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-page{padding:30px 15px}.appointments-table,.clients-table{min-width:1000px}}.working-days-box{margin-bottom:20px}.working-days-box h3{color:#f5c400;margin-bottom:15px}.working-days-list{flex-wrap:wrap;gap:10px;display:flex}.working-day-button{color:#fff!important;background-color:#111!important;border:1px solid #444!important;width:auto!important;padding:10px 16px!important}.working-day-button.selected{color:#000!important;background-color:#f5c400!important;border-color:#f5c400!important}.custom-modal{text-align:center;background:#1a1a1a;border:1px solid #3f3f3f;border-radius:20px;width:100%;max-width:440px;padding:30px;animation:.2s modalShow;box-shadow:0 25px 70px #000000a6}@keyframes modalShow{0%{opacity:0;transform:translateY(15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-icon-warning{color:#f5c400;background:#f5c40026;border:2px solid #f5c400}.custom-modal-actions{gap:12px;margin-top:25px;display:flex}.custom-modal-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:13px 15px;font-size:15px;font-weight:700}.modal-back-button{color:#fff;background:#3a3a3a}.modal-back-button:hover{background:#4a4a4a}.modal-danger-button{color:#fff;background:#ef4444}.modal-danger-button:hover{background:#dc2626}.modal-danger-button:disabled,.modal-back-button:disabled{opacity:.6;cursor:not-allowed}.modal-ok-button:hover{background:#ffd500}.modal-ok-error:hover{background:#dc2626}@media (width<=500px){.custom-modal{padding:25px 20px}.custom-modal-actions{flex-direction:column-reverse}}.admin-card select{color:#fff;background-color:#111;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.admin-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.admin-section-header h2{margin:0}.admin-section-arrow{color:#f5c400;font-size:20px;transition:transform .25s}.admin-section-arrow.open{transform:rotate(180deg)}.admin-section-content{margin-top:25px}.client-search-input{color:#fff;background-color:#111;border:1px solid #444;border-radius:10px;width:100%;margin-bottom:20px;padding:14px 16px;font-size:16px}.client-search-input:focus{border-color:#f5c400;outline:none}.clients-count{color:#ccc;font-size:16px;font-weight:400}.admin-slots-container{flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:15px;display:flex}.admin-slot-button{cursor:pointer;color:#fff!important;background:#222!important;border:1px solid #555!important;border-radius:8px!important;width:auto!important;padding:10px 14px!important}.admin-slot-button:hover{border-color:#f5c400!important}.admin-slot-button.selected{color:#000!important;background:#f5c400!important;border-color:#f5c400!important}.completed-appointment-button{color:#fff;background-color:#2e7d32}.absent-appointment-button{color:#000;background-color:#ff9800}.client-login-page,.client-page{color:#fff;background-color:#0f0f0f;min-height:100vh;padding:20px}.client-page{color:#fff;background:#0f0f0f;min-height:100vh;padding:40px 20px}.client-login-box{text-align:center;background-color:#1a1a1a;border:1px solid #333;border-radius:15px;width:100%;max-width:500px;margin:80px auto;padding:35px}.client-login-box h1{color:#f5c400;margin-bottom:15px}.client-login-box p{color:#ccc;margin-bottom:25px}.client-login-box input{color:#fff;background-color:#111;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.client-login-box button,.client-logout-button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:700}.client-login-box button{width:100%}.client-login-error{color:#ff5c5c!important;margin-bottom:15px!important}.client-container{width:100%;max-width:1100px;margin:0 auto}.client-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.client-header h1{color:#fff;margin:0 0 8px;font-size:36px}.client-header p{color:#ccc;margin:0}.client-logout-button{border-radius:10px;width:auto;padding:12px 22px}.client-info-card,.active-appointment-card,.booking-card,.booking-closed-box{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;margin-bottom:25px;padding:25px}.client-info-card h2,.active-appointment-card h2,.booking-card h2{color:#f5c400;margin-top:0}.client-info-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.client-info-grid>div{background:#111;border:1px solid #333;border-radius:12px;padding:18px}.client-info-grid span{color:#aaa;margin-bottom:8px;display:block}.client-info-grid strong{color:#fff;font-size:18px}.active-appointment-card p{margin:10px 0;line-height:1.7}.booking-card h2{color:#f5c400;margin-bottom:15px}.booking-card>p{color:#ccc;margin-bottom:25px}.booking-days{flex-wrap:wrap;gap:12px;margin-bottom:25px;display:flex}.booking-day-button{color:#fff;cursor:pointer;background:#111;border:1px solid #555;border-radius:12px;min-width:130px;padding:15px 22px;transition:all .2s}.booking-day-button span,.booking-day-button strong{display:block}.booking-day-button span{color:#ccc;margin-bottom:5px;font-size:14px}.booking-day-button strong{font-size:18px}.booking-day-button:hover{border-color:#f5c400}.booking-day-button.selected{color:#000;background:#f5c400;border-color:#f5c400}.booking-day-button.selected span{color:#000}.booking-times{margin-top:25px}.booking-times h3{color:#fff;margin-bottom:15px}.booking-slots{flex-wrap:wrap;gap:10px;display:flex}.booking-slot-button{color:#fff;cursor:pointer;background:#111;border:1px solid #555;border-radius:9px;min-width:78px;padding:12px 16px;font-size:15px;transition:all .2s}.booking-slot-button:hover{color:#f5c400;border-color:#f5c400}.booking-slot-button.selected{color:#000;background:#f5c400;border-color:#f5c400}.confirm-booking-button{color:#000;cursor:pointer;background-color:#f5c400;border:none;border-radius:10px;width:100%;margin-top:25px;padding:14px;font-size:16px;font-weight:700}.confirm-booking-button:disabled{opacity:.5;cursor:not-allowed}.booking-closed-box{text-align:center}.booking-closed-box h3{color:#f5c400;margin-top:0;margin-bottom:15px;font-size:24px}.booking-closed-box p{color:#ddd;margin:8px 0;line-height:1.8}.custom-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-modal{text-align:center;background:#1a1a1a;border:1px solid #3f3f3f;border-radius:20px;width:100%;max-width:430px;padding:30px;box-shadow:0 25px 70px #000000a6}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:30px;font-weight:700;display:flex}.modal-icon-success{color:#22c55e;background:#22c55e26;border:2px solid #22c55e}.modal-icon-error{color:#ef4444;background:#ef444426;border:2px solid #ef4444}.custom-modal h3{color:#fff;margin:0 0 12px;font-size:24px}.custom-modal p{color:#ccc;margin:0;font-size:16px;line-height:1.8}.modal-ok-button{color:#000;cursor:pointer;background:#f5c400;border:none;border-radius:10px;width:100%;margin-top:25px;padding:13px;font-size:16px;font-weight:700}.modal-ok-error{color:#fff;background:#ef4444}@media (width<=768px){.client-header{flex-direction:column;align-items:stretch}.client-info-grid{grid-template-columns:1fr}.client-logout-button,.booking-day-button{width:100%}.booking-slot-button{flex:70px}}