:root{--primary:#c5a059;--primary-light:#e6d3a8;--secondary:#2d2926;--accent:#b76e79;--bg:#fff;--bg-soft:#fbf8f3;--text:#332d2d;--text-muted:#665c5c;--border:#e2e2e2;--radius:8px;--shadow:0 4px 24px #00000014;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:Outfit,Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button,.btn{cursor:pointer;border-radius:var(--radius);transition:var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#b08d4a;transform:translateY(-2px);box-shadow:0 4px 12px #c5a0594d}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.section{max-width:1400px;margin:0 auto;padding:80px 5%}.section-title{text-align:center;margin-bottom:40px;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800}.grid{gap:30px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:40px 5%}}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-control{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;transition:var(--transition);outline:none;padding:12px 16px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #c5a0591a}.navbar{z-index:1000;width:100%;transition:var(--transition);color:var(--text);background:#fff;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:fixed;top:0;left:0}.nav-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:12px 5%;box-shadow:0 4px 30px #0000000d}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.nav-logo{letter-spacing:2px;color:var(--primary);font-family:Playfair Display,serif;font-size:2.2rem;font-weight:800;text-decoration:none}.nav-logo span{color:var(--text)}.nav-links{align-items:center;gap:30px;font-size:.95rem;font-weight:500;display:flex}.nav-item{position:relative}.nav-item:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-item.active:after,.nav-item:hover:after{width:100%}.btn-sm{padding:8px 20px;font-size:.9rem}.mobile-toggle{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.nav-mobile{z-index:999;width:100%;height:100%;transition:var(--transition);opacity:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:fixed;top:0;right:-100%}.nav-mobile.show{opacity:1;right:0}.nav-mobile-item{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}@media (width<=900px){.nav-links{display:none}.mobile-toggle{z-index:1001;display:block}}.footer{background:var(--secondary);color:#fff;margin-top:100px;padding:0}.footer .section{padding:80px 5%}.footer-brand .nav-logo{color:var(--primary);margin-bottom:20px;display:block}.footer-brand p{color:#a0a0a0;margin-bottom:25px;font-size:.95rem}.social-links{gap:15px;display:flex}.social-links a{color:#fff;transition:var(--transition)}.social-links a:hover{color:var(--primary)}.footer-links h4,.footer-contact h4{color:var(--primary);margin-bottom:25px;font-family:Playfair Display,serif;font-size:1.2rem}.footer-links ul li{color:#a0a0a0;margin-bottom:12px;font-size:.95rem}.footer-links ul li a:hover{color:#fff}.footer-contact p{color:#a0a0a0;align-items:center;gap:12px;margin-bottom:15px;display:flex}.footer-bottom{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:30px 5%;display:flex}.footer-bottom p{color:#666;font-size:.85rem}.admin-link{color:#444;font-size:.8rem;text-decoration:underline}.admin-link:hover{color:var(--primary)}@media (width<=768px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.faq-container{max-width:1000px;margin:0 auto}.faq-answer{max-height:0;transition:var(--transition);color:var(--text-muted);padding:0 24px;overflow:hidden}.hero-section{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#00000080,#00000080),url(../luxury_beaty_salon_hero.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:100px 5% 40px;display:flex;position:relative}.hero-content{max-width:800px;animation:1s forwards fadeIn}.hero-tagline{text-transform:uppercase;letter-spacing:4px;color:var(--primary);margin-bottom:20px;font-size:1.2rem}.hero-title{margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);line-height:1.1}.hero-buttons{justify-content:center;gap:20px;margin-top:40px;display:flex}.booking-section{background:var(--bg-soft);padding:100px 5%}.booking-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;max-width:1000px;margin:0 auto;padding:40px}.booking-card h3{margin-bottom:15px;font-family:Playfair Display,serif;font-size:2rem}.booking-form{margin-top:30px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.full-width{grid-column:span 2}@media (width<=768px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.faq-section{max-width:1000px;margin:0 auto}.faq-list{flex-direction:column;gap:15px;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.faq-question{justify-content:space-between;align-items:center;padding:24px;font-size:1.1rem;font-weight:600;display:flex}.faq-answer{max-height:0;color:var(--text-muted);padding:0 24px;transition:max-height .3s;overflow:hidden}.faq-item.active{border-color:var(--primary);background:#fffcf8}.faq-item.active .faq-answer{max-height:200px;padding-bottom:24px}.status-msg{border-radius:var(--radius);margin-bottom:20px;padding:12px}.status-msg.success{color:#10b981;background:#e6f7ef}.status-msg.error{color:#ef4444;background:#fef2f2}.about-hero{align-items:center;gap:60px;margin-top:100px}.subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.stat h3{color:var(--primary);font-family:Playfair Display,serif;font-size:2.5rem}.about-image img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.vision-mission .card{text-align:center;background:var(--bg-soft);border-radius:var(--radius);transition:var(--transition);padding:40px}.vision-mission .card:hover{transform:translateY(-10px)}.icon{width:50px;height:50px;color:var(--primary);margin-bottom:20px}.services-page .section-header{text-align:center;margin-bottom:60px}.service-card{border-radius:var(--radius);border:1.5px solid var(--border);text-align:center;transition:var(--transition);background:#fff;flex-direction:column;align-items:center;padding:40px;display:flex}.service-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-5px)}.service-icon{background:var(--bg-soft);width:60px;height:60px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.service-name{margin-bottom:15px;font-family:Playfair Display,serif;font-size:1.5rem}.service-footer{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:25px;display:flex}.service-price{color:var(--primary);font-size:1.1rem;font-weight:700}.enquiry-modal{z-index:2000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius);width:90%;max-width:500px;box-shadow:var(--shadow);background:#fff;padding:40px;position:relative}.close-btn{background:0 0;font-size:1.5rem;font-weight:700;position:absolute;top:15px;right:15px}.enquiry-form{margin-top:25px}.success-txt{color:#10b981;text-align:center;margin-top:15px}.testimonial-card{background:var(--bg-soft);border-radius:var(--radius);transition:var(--transition);padding:40px;position:relative}.testimonial-card:hover{box-shadow:var(--shadow);background:#fff}.quote-icon{color:var(--primary-light);opacity:.5;margin-bottom:20px}.rating{gap:4px;margin-bottom:15px;display:flex}.star-icon{color:#ddd;width:18px}.star-icon.fill{color:var(--primary);fill:var(--primary)}.feedback{color:var(--text-muted);margin-bottom:20px;font-style:italic}.client-name{font-family:Playfair Display,serif;font-size:1.2rem}.leave-review{text-align:center;max-width:600px;margin-top:80px;margin-left:auto;margin-right:auto}.review-form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.rating-select{justify-content:center;align-items:center;gap:10px;display:flex}.rating-select button{color:#ddd;background:0 0;padding:5px;font-size:1.5rem}.rating-select button.active{color:var(--primary)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.gallery-overlay{color:#fff;opacity:0;width:100%;height:100%;transition:var(--transition);background:#c5a059cc;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover img{transform:scale(1.1)}.modal-overlay{z-index:3000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.close-gallery{color:#fff;background:0 0;font-size:2rem;position:absolute;top:30px;right:30px}.modal-img-container{text-align:center;max-width:90%;max-height:80vh}.full-img{border-radius:4px;max-width:100%;max-height:70vh}.img-info{color:#fff;margin-top:20px}.img-info h3{font-family:Playfair Display,serif}.contact-info{padding:40px}.contact-item{align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.contact-item .icon{color:var(--primary);flex-shrink:0;margin-top:5px}.contact-item .label{text-transform:uppercase;color:var(--primary);font-size:.9rem;font-weight:700}.success-msg{color:#10b981;text-align:center;background:#e6f7ef;border-radius:8px;margin-bottom:20px;padding:15px}.map-section{margin-top:60px}.map-section h3{margin-bottom:30px;font-family:Playfair Display,serif}.login-page{background:var(--bg-soft);justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card{border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);background:#fff;padding:40px}.error-txt{color:#ef4444;text-align:center;background:#fef2f2;border-radius:4px;margin-bottom:20px;padding:10px}.admin-dashboard{background:#f4f7f6;min-height:100vh;display:flex}.sidebar{background:var(--secondary);color:#fff;flex-direction:column;width:280px;height:100vh;padding:40px 20px;display:flex;position:fixed}.sidebar .logo{color:var(--primary);margin-bottom:50px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:800}.sidebar .logo span{color:#fff}.side-nav{flex-direction:column;flex-grow:1;gap:10px;display:flex}.nav-btn{color:#a0a0a0;background:0 0;border-radius:8px;align-items:center;gap:15px;width:100%;padding:15px 20px;font-weight:500;transition:all .3s;display:flex}.nav-btn.active,.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.logout{color:#ff6b6b;margin-top:auto}.dashboard-content{flex:1;margin-left:280px;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.table-card{padding:30px}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border-bottom:1px solid #eee;padding:15px 20px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.status{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.status.pending{color:#856404;background:#fff3cd}.status.confirmed{color:#155724;background:#d4edda}.status.completed{color:#004085;background:#cce5ff}.source-tag{color:var(--primary);border:1px solid var(--primary-light);background:#fffcf8;border-radius:4px;padding:2px 8px;font-size:.75rem}.msg-preview{white-space:nowrap;text-overflow:ellipsis;max-width:250px;color:var(--text-muted);font-size:.9rem;overflow:hidden}