@font-face{font-family:Brando;src:url(/Brando_Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--navy-blue: #0a1f44;--gold: #c9a227;--ivory: #f8f5f0;--charcoal: #2b2b2b;--white: #ffffff;--light-gray: #f5f5f5;--border-color: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Brando,sans-serif;background-color:var(--white);color:var(--charcoal);line-height:1.6;direction:rtl}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}button{border:none;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background-color:var(--gold);color:var(--white);padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px}.btn-primary:hover{background-color:#b8921f;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--navy-blue);border:2px solid var(--navy-blue);padding:10px 22px;font-size:1rem;border-radius:8px;font-weight:600}.btn-secondary:hover{background-color:var(--navy-blue);color:var(--white)}.container{margin:0 auto;padding:0 20px}.section{padding:20px 0}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.page{min-height:calc(100vh - 160px);padding:2rem 0}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background-color:var(--white)}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy-blue)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl}.form-input:focus{outline:none;border-color:var(--gold)}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl}.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;resize:vertical;min-height:100px}.card{background-color:var(--white);border:1px solid var(--border-color);padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.loading{text-align:center;padding:2rem;color:var(--charcoal)}.error{background-color:#f8d7da;color:#721c24;padding:1rem;border:1px solid #f5c6cb;margin-bottom:1rem}.success{background-color:#d4edda;color:#155724;padding:1rem;border:1px solid #c3e6cb;margin-bottom:1rem}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding-top:70px}}@media (max-width: 480px){.container{padding:0 10px}h1{font-size:1.75rem}h2{font-size:1.5rem}}.homepage{width:100%;overflow-x:hidden}.hero-section{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.hero-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a1f44cc,#00008099);z-index:2;opacity:70%}.promotional-banner-section .promo-container{padding:0}.hero-content{position:relative;z-index:5;width:100%;max-width:1200px;margin:0 auto;padding:2rem 20px;text-align:right;display:flex;justify-content:flex-end}@media (min-width: 1025px){.hero-content{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;padding:0 4rem}.hero-text{max-width:560px;text-align:right;margin-right:6rem}}.hero-text{max-width:600px;text-align:right;margin-right:0;margin-left:auto}.hero-text h1{color:var(--white);font-family:var(--font-serif);font-weight:700;font-size:clamp(2rem,4vw + 1rem,3.5rem);margin-bottom:1.25rem;line-height:1.15;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.35);text-align:right;position:relative;opacity:0;transform:translateY(12px);animation:fadeUp .8s ease-out .1s both}.hero-subtitle{font-size:clamp(1rem,1.2vw + .8rem,1.5rem);margin-bottom:2rem;color:var(--white);opacity:.95;line-height:1.65;text-shadow:0 1px 6px rgba(0,0,0,.25);text-align:right;opacity:0;transform:translateY(12px);animation:fadeUp .8s ease-out .25s both}.hero-btn{font-size:1.25rem;padding:15px 40px;background-color:var(--gold);color:var(--white);border:none;border-radius:8px;box-shadow:0 4px 15px #b8921f4d;transition:all .3s ease;opacity:0;transform:translateY(12px);animation:fadeUp .8s ease-out .4s both;position:relative;overflow:hidden}.hero-btn:hover{background-color:#d4a843;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #b8921f66}.hero-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hero-btn:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #b8921f4d}.hero-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0);transform:skew(-20deg)}.hero-btn:hover:after{animation:btn-shine .8s ease forwards}.hero-btn:active:after,.hero-btn:focus-visible:after{animation:btn-shine .6s ease forwards}@keyframes btn-shine{0%{left:-120%}to{left:140%}}.hero-text h1:after{content:"";position:absolute;right:0;bottom:-.5rem;width:120px;height:4px;background:linear-gradient(90deg,var(--gold),rgba(184,146,31,.2));border-radius:2px;box-shadow:0 2px 8px #b8921f59}.hero-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--gold);border-color:var(--gold);transform:scale(1.2)}.indicator:hover{border-color:#fffc;transform:scale(1.1)}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-nav:hover{background:#b8921fcc;border-color:var(--gold);transform:translateY(-50%) scale(1.1)}.hero-nav.prev{left:30px}.hero-nav.next{right:30px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-text h1,.hero-subtitle,.hero-btn{animation:none!important;opacity:1!important;transform:none!important}}.featured-services{background-color:var(--white)}.top-sales{background-color:var(--bg);position:relative}.top-sales:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(184,146,31,.2) 20%,rgba(184,146,31,.2) 80%,transparent 100%)}.products-grid{display:grid;gap:2rem;margin-bottom:2rem}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 968px){.grid-4{grid-template-columns:repeat(2,1fr)}.products-grid{gap:1.5rem}}@media (max-width: 640px){.grid-4{grid-template-columns:repeat(2,1fr)}.products-grid{gap:1rem}}@media (max-width: 480px){.grid-4{grid-template-columns:repeat(2,1fr)}.products-grid{gap:.75rem}}.section-header{margin-bottom:3rem}.section-header h2{margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--charcoal);opacity:.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.service-card{text-align:center;padding:2.5rem 2rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#fffc);border:1px solid rgba(184,146,31,.18);border-radius:16px;box-shadow:0 10px 30px #07162614,0 2px 8px #0716260f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-6px);border-color:#b8921f59;box-shadow:0 16px 40px #0716261f,0 4px 12px #07162614}.service-icon{width:84px;height:84px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.15);box-shadow:0 6px 18px #07162633;transition:all .3s ease}.service-card:hover .service-icon{background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #b8921f66}.service-icon i{color:var(--white)}.service-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 8px 20px #b8921f40}@media (max-width: 768px){.service-card{padding:2rem 1.5rem}}@media (max-width: 480px){.service-card{padding:1.25rem .875rem}.service-icon{width:60px;height:60px;margin:0 auto 1rem;font-size:1.75rem}.service-icon i{font-size:1.75rem}.service-card h3{font-size:1rem;margin-bottom:.5rem;line-height:1.3}.service-card p{font-size:.8rem;line-height:1.5;margin-bottom:1rem}.service-btn{padding:8px 16px;font-size:.85rem}}.why-choose-us{background-color:var(--navy-blue);color:var(--white)}.feature-card{display:none}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem}.why-heading h2{color:var(--white);margin-bottom:.75rem}.why-heading p{color:#ffffffe6}.why-points ul{margin:0;padding:0 1rem 0 0;list-style:none}.why-points li{position:relative;padding:.5rem 2rem .5rem 0;margin-bottom:.5rem;color:#fffffff2}.why-points li:before{content:"✓";position:absolute;right:0;top:.2rem;font-size:1.25rem;color:var(--gold)}@media (max-width: 968px){.why-grid{grid-template-columns:1fr;gap:1.5rem}.why-heading{text-align:right}}.feature-card h3{margin-bottom:1rem;color:var(--navy-blue)}.feature-card p{color:var(--charcoal);opacity:.8}.testimonials{background-color:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;justify-content:start}.testimonial-card{position:relative;padding:2.5rem 2rem;text-align:center;background:linear-gradient(180deg,#ffffffd9,#ffffffbf);border:1px solid rgba(184,146,31,.18);border-radius:16px;box-shadow:0 10px 30px #07162614,0 2px 8px #0716260f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.testimonial-card:hover{transform:translateY(-6px);border-color:#b8921f59;box-shadow:0 16px 40px #0716261f,0 4px 12px #07162614}.testimonial-card:before{content:"“";position:absolute;top:.75rem;left:1rem;font-family:var(--font-serif);font-size:3rem;line-height:1;color:#b8921f40;pointer-events:none}.testimonial-rating{font-size:1.15rem;margin-bottom:1rem;color:#f1c40f;letter-spacing:1px}.testimonial-text{font-size:1.125rem;font-style:italic;margin-bottom:1.25rem;color:var(--charcoal);line-height:1.75}.testimonial-author h4{color:var(--navy-blue);margin-bottom:.15rem;font-weight:700}.testimonial-author span{color:var(--gold);font-weight:600;font-size:.9rem;letter-spacing:.3px}@media (max-width: 768px){.testimonial-card{padding:2rem 1.5rem}.testimonial-text{font-size:1.05rem}}@media (max-width: 480px){.testimonial-card{padding:1.25rem .875rem}.testimonial-card:before{font-size:2.5rem;top:.5rem;left:.75rem}.testimonial-rating{font-size:1rem;margin-bottom:.75rem}.testimonial-text{font-size:.9rem;line-height:1.6;margin-bottom:1rem}.testimonial-author h4{font-size:.9rem;margin-bottom:.25rem}.testimonial-author span{font-size:.8rem}}.cta-section{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.cta-content h2{color:var(--white);margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn-primary{background-color:var(--gold);padding:15px 30px;font-size:1.125rem;border:2px solid var(--gold);border-radius:8px}.cta-buttons .home-btn-secondary{border-color:var(--white);color:var(--white);background-color:transparent;border:1px solid var(--white);padding:13px 28px;font-size:1.125rem;border-radius:.5rem}.cta-buttons .home-btn-secondary:hover{background-color:var(--white);color:var(--navy-blue)}@media (max-width: 968px){.hero-section{min-height:550px;background-position:center center;background-size:cover}.hero-text h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.services-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;justify-content:start}.why-grid{grid-template-columns:1fr;gap:1.5rem}.why-heading h2{font-size:1.8rem}.why-heading p{font-size:1rem}.why-points li{padding:.5rem 1.75rem .5rem 0}.why-points li:before{top:.15rem;font-size:1.1rem}}@media (max-width: 768px){.why-choose-us{padding-top:2rem;padding-bottom:2rem}.why-grid{gap:1.25rem}.why-heading h2{font-size:1.6rem}.why-heading p{font-size:.975rem}.why-points li{font-size:.975rem;line-height:1.6}.why-points li:before{font-size:1.05rem}.hero-btn{width:100%;max-width:320px;padding:12px 28px;font-size:1.05rem}.hero-section{min-height:480px}.hero-content{padding:1.5rem 1rem;justify-content:center;text-align:center}.hero-text{margin-right:0;margin-left:0;width:100%;max-width:100%;text-align:center}.hero-text h1{font-size:1.6rem;line-height:1.3}.hero-subtitle{font-size:.95rem;line-height:1.4}.hero-nav{width:40px;height:40px;font-size:20px}.hero-nav.prev{left:15px}.hero-nav.next{right:15px}.hero-indicators{bottom:20px;gap:8px}.indicator{width:10px;height:10px}.service-card,.feature-card,.testimonial-card{padding:2rem 1.5rem}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.cta-section{min-height:200px;display:flex;align-items:center}.cta-buttons{flex-direction:row;gap:.75rem;justify-content:center;flex-wrap:wrap}.cta-buttons button{width:60%;padding:12px 20px;font-size:1rem}}@media (max-width: 480px){.why-grid{gap:1rem}.why-heading h2{font-size:1.45rem}.why-heading p,.why-points li{font-size:.95rem}.why-points li:before{font-size:1rem}.hero-section{min-height:300px;display:flex;align-items:center}.hero-content{padding:2rem 1rem;display:flex;align-items:center;min-height:auto}.hero-text{max-width:80%}.hero-text h1{font-size:1.8rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.hero-btn{width:100%;max-width:260px;padding:14px 24px;font-size:1rem}.hero-nav{width:35px;height:35px;font-size:18px}.hero-nav.prev{left:10px}.hero-nav.next{right:10px}.hero-indicators{bottom:15px;gap:6px}.indicator{width:8px;height:8px}.service-card,.feature-card,.testimonial-card{padding:1.5rem 1rem}.services-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:none}.mobile-menu-overlay.active{display:block}.nav-menu{position:fixed;top:80px;right:-100%;width:300px;height:calc(100vh - 80px);background-color:var(--white);border-left:2px solid var(--border-color);flex-direction:column;padding:2rem 0;gap:0;transition:right .3s ease;z-index:1000;overflow-y:auto;box-shadow:-4px 0 10px #0000001a}.nav-menu.active{right:0}.nav-menu li{width:100%}.nav-link{width:100%;padding:16px 20px;text-align:right;border-bottom:1px solid var(--border-color);background:none}.nav-link.active:after{display:none}.nav-link.active{background-color:#f9f8f7}.nav-actions{display:none}.nav-menu.active~.nav-container .nav-actions{display:flex}.auth-buttons{flex-direction:column;width:100%}.nav-btn{width:100%;padding:12px}.user-menu{width:100%}.user-info{padding:12px 20px;border-bottom:1px solid var(--border-color)}.user-dropdown{position:static;opacity:1;visibility:visible;transform:none;border:none;border-top:1px solid var(--border-color)}.dropdown-item{padding:16px 20px}}.promotional-banner{position:relative;width:100%;height:100vh;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 8px 24px #0000001f;margin:2rem 0}.promotional-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#00000080,#000000b3);display:flex;align-items:center;justify-content:center;padding:2rem}.promotional-banner-content{text-align:center;color:var(--white);width:100%;max-width:900px;position:relative;z-index:2}.promotional-banner-headline{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1.5rem;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}.promotional-banner-subheading{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400;margin-bottom:2rem;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.25)}.promotional-banner-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.promotional-banner-btn{min-height:44px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px;position:relative;overflow:hidden}.promotional-banner-btn-primary{background-color:var(--gold);color:var(--white);border-color:var(--gold);box-shadow:0 4px 12px #b8921f4d}.promotional-banner-btn-primary:hover{background-color:#d4a843;border-color:#d4a843;transform:translateY(-2px);box-shadow:0 6px 16px #b8921f66}.promotional-banner-btn-primary:active{transform:translateY(0);box-shadow:0 3px 8px #b8921f4d}.promotional-banner-btn-secondary{background-color:transparent;color:var(--white);border-color:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.promotional-banner-btn-secondary:hover{background-color:#ffffff26;border-color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.promotional-banner-btn-secondary:active{transform:translateY(0);background-color:#ffffff1a}.promotional-banner-btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff40,#fff0);transform:skew(-20deg)}.promotional-banner-btn-primary:hover:after{animation:shimmer .8s ease forwards}@keyframes shimmer{0%{left:-120%}to{left:140%}}.promotional-banner:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.promotional-banner-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}@media (max-width: 768px){.promotional-banner{height:320px;margin:1.5rem 0}.promotional-banner-overlay{padding:1.5rem}.promotional-banner-headline{font-size:1.125rem;margin-bottom:.625rem}.promotional-banner-subheading{font-size:.875rem;margin-bottom:1.25rem}.promotional-banner-actions{gap:.75rem}.promotional-banner-btn{padding:11px 20px;font-size:.9rem;min-width:110px}}@media (max-width: 480px){.promotional-banner{height:200px;margin:1rem 0}.promotional-banner-overlay{padding:1rem}.promotional-banner-headline{font-size:1rem;margin-bottom:.5rem}.promotional-banner-subheading{font-size:.8rem;margin-bottom:1rem}.promotional-banner-actions{flex-direction:row;gap:.75rem;justify-content:center;flex-wrap:wrap}.promotional-banner-btn{width:auto;padding:12px 16px;font-size:.875rem;min-width:100px}}@media (prefers-contrast: high){.promotional-banner-overlay{background:linear-gradient(135deg,#000000d9,#000000bf,#000000d9)}.promotional-banner-btn-secondary{border-width:3px;border-color:var(--white)}}@media (prefers-reduced-motion: reduce){.promotional-banner,.promotional-banner-btn{transition:none!important}.promotional-banner:hover,.promotional-banner-btn:hover{transform:none!important}.promotional-banner-btn-primary:after{display:none}}.product-card-wrapper{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #07162614,0 2px 8px #0716260f;border:1px solid rgba(184,146,31,.12);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.product-card-wrapper:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0716261f,0 4px 12px #07162614;border-color:#b8921f40}.product-card-image-container{position:relative;width:100%;height:200px;overflow:hidden;display:flex;justify-content:center}.product-card-image{height:100%;object-fit:contain;transition:transform .3s ease}.product-card-wrapper:hover .product-card-image{transform:scale(1.05)}.product-card-discount-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #e74c3c4d;z-index:2}.product-card-out-of-stock{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;z-index:3}.product-card-add-to-cart-icon{position:absolute;top:12px;left:12px;width:40px;height:40px;background:var(--navy-blue);border:none;border-radius:50%;color:var(--white);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #07162666;z-index:2;opacity:0;transform:translateY(-8px)}.product-card-wrapper:hover .product-card-add-to-cart-icon{opacity:1;transform:translateY(0)}.product-card-add-to-cart-icon:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 16px #b8921f80;background:var(--gold)}.product-card-add-to-cart-icon:active{transform:translateY(0) scale(1.05);box-shadow:0 3px 8px #07162666}.product-card-info{padding:1.5rem 1.5rem .8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-grow:1;text-align:right}.product-card-name{color:var(--navy-blue);font-size:1.1rem;font-weight:700;margin-bottom:.75rem;line-height:1.4;width:100%;text-align:center;direction:ltr;unicode-bidi:embed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.product-card-description{color:var(--charcoal);font-size:.9rem;line-height:1.6;margin-bottom:1rem;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.product-card-rating-stars{font-size:.9rem;letter-spacing:-4px}.product-card-rating-text{color:var(--muted);font-size:.8rem;font-weight:500}.product-card-pricing{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-direction:row-reverse}.product-card-current-price{color:var(--gold);font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(184,146,31,.2)}.product-card-original-price{color:var(--muted);font-size:1rem;text-decoration:line-through;opacity:.7}@keyframes product-card-shimmer{0%{left:-120%}to{left:140%}}.product-card-wrapper:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.product-card-add-to-cart-icon:focus-visible{outline:2px solid var(--white);outline-offset:2px}@media (max-width: 768px){.product-card-wrapper{border-radius:12px}.product-card-image-container{height:180px}.product-card-info{padding:1.25rem}.product-card-name{font-size:1rem}.product-card-description{font-size:.85rem}.product-card-current-price{font-size:1.1rem}.product-card-add-to-cart-icon{width:36px;height:36px;font-size:.9rem;top:10px;left:10px}}@media (max-width: 480px){.product-card-image-container{height:140px}.product-card-info{padding:.875rem}.product-card-name{font-size:.9rem;margin-bottom:.5rem;line-height:1.3}.product-card-description{font-size:.75rem;margin-bottom:.625rem;line-height:1.4}.product-card-rating{margin-bottom:.625rem}.product-card-rating-stars{font-size:.8rem}.product-card-rating-text{font-size:.7rem}.product-card-current-price{font-size:.95rem}.product-card-original-price{font-size:.8rem}.product-card-add-to-cart-icon{width:32px;height:32px;font-size:.8rem;top:8px;left:8px;opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.product-card-wrapper{border-width:2px;border-color:var(--navy-blue)}.product-card-discount-badge{background:#e74c3c;box-shadow:0 2px 8px #00000080}}@media (prefers-reduced-motion: reduce){.product-card-wrapper,.product-card-image,.product-card-add-to-cart-icon{transition:none!important}.product-card-wrapper:hover,.product-card-wrapper:hover .product-card-image{transform:none!important}.product-card-wrapper:hover .product-card-add-to-cart-icon{opacity:1!important;transform:none!important}.product-card-add-to-cart-icon:hover{transform:none!important}}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.feedback-modal{background:var(--white);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0716264d;animation:slideUp .3s ease}.feedback-modal-close{position:absolute;top:1rem;left:1rem;background:#0716261a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--navy-blue);font-size:1.2rem;z-index:10}.feedback-modal-close:hover{background:var(--navy-blue);color:var(--white);transform:rotate(90deg)}.feedback-modal-header{padding:2rem 2rem 1.5rem;text-align:center;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:16px 16px 0 0}.feedback-modal-header h2{color:var(--white);margin-bottom:.5rem;font-size:1.75rem}.feedback-modal-header p{color:#ffffffe6;font-size:.95rem;margin:0}.feedback-modal-form{padding:2rem}.feedback-form-group{margin-bottom:1.5rem}.feedback-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy-blue);font-size:.95rem}.feedback-form-group .required{color:#e74c3c;margin-right:2px}.feedback-form-group input,.feedback-form-group textarea,.feedback-form-group select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background-color:var(--white);cursor:pointer}.feedback-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23071626' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 1rem center;padding-left:2.5rem}.feedback-form-group input:focus,.feedback-form-group textarea:focus,.feedback-form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.feedback-form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.feedback-form-group textarea{resize:vertical;min-height:100px}.field-note{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666;margin-top:.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border-right:3px solid var(--primary)}.field-note svg{flex-shrink:0;color:var(--primary)}.feedback-rating-selector{display:flex;gap:.5rem;align-items:center}.feedback-star{background:none;border:none;font-size:2rem;color:#ddd;cursor:pointer;transition:all .2s ease;padding:.25rem}.feedback-star:hover,.feedback-star.active{color:var(--gold);transform:scale(1.1)}.feedback-star i{color:inherit}.feedback-error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee;color:#c00;border-radius:8px;margin-bottom:1.5rem;border:1px solid #fcc}.feedback-error-message i{font-size:1.2rem}.feedback-success-message{padding:3rem 2rem;text-align:center;animation:fadeIn .5s ease}.feedback-success-message i{font-size:4rem;color:#27ae60;margin-bottom:1rem}.feedback-success-message h3{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.5rem}.feedback-success-message p{color:var(--charcoal);font-size:1rem}.feedback-modal-actions{display:flex;gap:1rem;margin-top:2rem}.feedback-btn-primary,.feedback-btn-secondary{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.feedback-btn-primary{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.feedback-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:translateY(-2px);box-shadow:0 4px 12px #b8921f4d}.feedback-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-btn-secondary{background:var(--white);color:var(--navy-blue);border:2px solid var(--border-color)}.feedback-btn-secondary:hover:not(:disabled){background:#0716260d;border-color:var(--navy-blue)}@media (max-width: 640px){.feedback-modal{max-height:95vh;border-radius:12px}.feedback-modal-header{padding:1.5rem 1rem 1rem;border-radius:12px 12px 0 0}.feedback-modal-header h2{font-size:1.4rem}.feedback-modal-form{padding:1.5rem 1rem}.feedback-form-group{margin-bottom:1.25rem}.feedback-modal-actions{flex-direction:column}.feedback-btn-primary,.feedback-btn-secondary{width:100%}.feedback-star{font-size:1.75rem}}.cart-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-overlay{position:fixed;top:0;bottom:0;right:0;width:400px;background:var(--white);z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;animation:slideInRight .3s ease-out;min-height:0}.cart-overlay.from-add-to-cart{animation:slideInRightBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.cart-overlay.from-add-to-cart .cart-overlay-header{animation:highlightHeader 1s ease-out}.cart-overlay-item.recently-added{animation:itemHighlight 2s ease-out;background:linear-gradient(90deg,rgba(184,146,31,.1),transparent);border-left:3px solid var(--gold)}.cart-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color);background:var(--navy-blue);color:var(--white)}.cart-overlay-header h3{margin:0;font-size:1.3rem;font-weight:600}.cart-overlay-close{background:#fff;border:none;color:var(--white);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.cart-overlay-close:hover{background:var(--gold)}.cart-overlay-content{display:flex;flex-direction:column;flex:1;min-height:0}.cart-overlay-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--text-secondary)}.cart-overlay-empty i{font-size:3rem;color:var(--gold);margin-bottom:1rem}.cart-overlay-empty p{font-size:1.1rem;margin:0}.cart-overlay-items{flex:1;overflow-y:auto;padding:1rem 1rem 2rem;-webkit-overflow-scrolling:touch}.cart-overlay-item{display:grid;grid-template-columns:60px 1fr auto auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.cart-overlay-item:last-child{border-bottom:none}.cart-overlay-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden}.cart-overlay-item-image img{width:100%;height:100%;object-fit:cover}.cart-overlay-item-image.clickable{cursor:pointer;transition:all .3s ease}.cart-overlay-item-image.clickable:hover{transform:scale(1.05);opacity:.8}.cart-overlay-item-details h4{margin:0 0 .5rem;font-size:.95rem;color:var(--navy-blue);line-height:1.3}.cart-overlay-item-details h4.clickable{cursor:pointer;transition:all .3s ease}.cart-overlay-item-details h4.clickable:hover{color:var(--gold);text-decoration:underline}.cart-overlay-item-price{font-weight:600;color:var(--gold);font-size:.9rem}.cart-overlay-item-quantity{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.cart-overlay-item-quantity .quantity-btn{background:var(--white);border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--navy-blue);transition:all .3s ease}.cart-overlay-item-quantity .quantity-btn:hover{background:var(--gold);color:var(--white)}.cart-overlay-item-quantity span{min-width:30px;text-align:center;font-weight:600;color:var(--navy-blue);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.cart-overlay-remove{background:none;border:none;color:#e74c3c;font-size:1rem;cursor:pointer;padding:6px;border-radius:4px;transition:all .3s ease}.cart-overlay-remove:hover{background:#e74c3c1a}.cart-overlay-more{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--border-color)}.cart-overlay-summary{border-top:2px solid var(--border-color);padding:1.5rem;background:#f8f9fa}.cart-overlay-total{text-align:center;margin-bottom:1rem;font-size:1.1rem;color:var(--navy-blue)}.cart-overlay-actions{display:flex;flex-direction:column;gap:.75rem}.view-cart-btn{background:var(--white);color:var(--navy-blue);border:2px solid var(--navy-blue);padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-cart-btn:hover{background:var(--navy-blue);color:var(--white)}.checkout-btn{background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);color:var(--white);border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.checkout-btn:hover{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);transform:translateY(-1px)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInRightBounce{0%{transform:translate(100%);opacity:0}50%{transform:translate(-10px);opacity:1}70%{transform:translate(5px)}to{transform:translate(0);opacity:1}}@keyframes highlightHeader{0%{background:var(--navy-blue)}30%{background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:scale(1.02)}to{background:var(--navy-blue);transform:scale(1)}}@keyframes itemHighlight{0%{background:linear-gradient(90deg,rgba(184,146,31,.3),transparent);transform:scale(1.02);border-left:3px solid var(--gold)}50%{background:linear-gradient(90deg,rgba(184,146,31,.2),transparent);transform:scale(1.01)}to{background:linear-gradient(90deg,rgba(184,146,31,.05),transparent);transform:scale(1);border-left:3px solid rgba(184,146,31,.3)}}@media (max-width: 480px){.cart-overlay{width:100%;right:0}.cart-overlay-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(3rem + env(safe-area-inset-bottom))}.cart-overlay-items{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:1rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom))}.cart-overlay-item{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1rem 0}.cart-overlay-item-image{flex:0 0 50px;width:50px;height:50px}.cart-overlay-item-details{flex:1;min-width:0}.cart-overlay-item-details h4{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-overlay-item-quantity,.cart-overlay-remove{flex:0 0 auto}.cart-overlay-item-quantity{order:1}.cart-overlay-remove{order:2;margin-left:.5rem}.cart-overlay-summary{flex-shrink:0;max-height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.cart-overlay-actions{flex-direction:row}.view-cart-btn,.checkout-btn{width:100%;padding:14px;font-size:1rem;margin-bottom:1rem}}.promo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease,background-color .3s ease;pointer-events:none}.promo-modal-overlay.visible{opacity:1;background-color:#000000b3;pointer-events:all}.promo-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2.5rem;max-width:500px;width:90%;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;transform:scale(.7) translateY(-50px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.promo-modal-content.show{transform:scale(1) translateY(0);opacity:1}.promo-modal-content::-webkit-scrollbar{width:8px}.promo-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px 0}.promo-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);border-radius:10px}.promo-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4af37,#b8941f)}.promo-modal-content{scrollbar-width:thin;scrollbar-color:var(--gold) #f1f1f1}.promo-close-btn{position:absolute;top:1rem;left:1rem;background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.promo-close-btn:hover{background:#0000001a;transform:rotate(90deg)}.promo-close-btn i{font-size:1.2rem;color:var(--charcoal)}.promo-icon{text-align:center;margin-bottom:1rem;animation:icon-bounce .6s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}@keyframes icon-bounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.promo-icon-circle{width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #d4af374d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #d4af374d}50%{transform:scale(1.05);box-shadow:0 15px 40px #d4af3766}}.promo-icon i{font-size:2.5rem;color:#fff}.promo-content{text-align:center}.promo-title{font-size:2.2rem;font-weight:700;color:var(--charcoal);margin-bottom:.5rem;animation:slide-up .5s ease .4s forwards;opacity:0}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promo-message{font-size:1.1rem;color:#666;margin-bottom:.75rem;animation:slide-up .5s ease .5s forwards;opacity:0}.promo-amount{font-size:2.5rem;font-weight:700;color:var(--gold);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(212,175,55,.2);animation:slide-up .5s ease .6s forwards;opacity:0}.promo-code-card{background:#fff;border:2px dashed var(--gold);border-radius:16px;padding:1.25rem;margin:1rem 0;animation:slide-up .5s ease .7s forwards;opacity:0}.promo-code-label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:600}.promo-code-display{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8f9fa;padding:1rem 1.25rem;border-radius:12px}.promo-code-text{font-size:1.5rem;font-weight:700;color:var(--charcoal);letter-spacing:2px;font-family:Courier New,monospace}.promo-copy-btn{background:var(--gold);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.promo-copy-btn:hover{background:#d4af37;transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.promo-copy-btn:active{transform:translateY(0)}.promo-copy-btn.copied{background:#28a745}.promo-copy-btn i{font-size:1rem}.promo-timer{margin:1rem 0 .75rem;padding:1rem;background:linear-gradient(135deg,#fff8e1,#ffe082);border-radius:12px;animation:slide-up .5s ease .8s forwards;opacity:0}.promo-timer-label{font-size:.9rem;font-weight:600;color:#d4af37;margin-bottom:.5rem;text-align:center}.promo-timer-display{display:flex;justify-content:center;align-items:center;gap:.5rem}.promo-timer-unit{display:flex;flex-direction:column;align-items:center;background:#fff;padding:.4rem .6rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:55px}.promo-timer-value{font-size:1.3rem;font-weight:700;color:var(--charcoal);line-height:1}.promo-timer-label-small{font-size:.75rem;color:#666;margin-top:.25rem}.promo-timer-separator{font-size:1.3rem;font-weight:700;color:var(--gold);line-height:1}.promo-instructions{font-size:.9rem;color:#888;line-height:1.5;margin-top:.75rem;animation:slide-up .5s ease .9s forwards;opacity:0}@media (max-width: 768px){.promo-modal-content{padding:1.75rem 1.25rem;max-width:95%}.promo-icon-circle{width:70px;height:70px}.promo-icon i{font-size:2rem}.promo-title{font-size:1.8rem}.promo-message{font-size:1rem}.promo-amount{font-size:2rem}.promo-code-text{font-size:1.3rem;letter-spacing:2px}.promo-code-display{flex-direction:column;gap:.75rem}.promo-copy-btn{width:100%;justify-content:center}.promo-timer{padding:.85rem}.promo-timer-display{gap:.25rem}.promo-timer-unit{min-width:48px;padding:.35rem .45rem}.promo-timer-value{font-size:1.15rem}.promo-timer-label-small{font-size:.7rem}}@media (max-width: 480px){.promo-modal-content{padding:1.5rem 1rem}.promo-icon-circle{width:65px;height:65px}.promo-icon i{font-size:1.8rem}.promo-title{font-size:1.6rem}.promo-message{font-size:.95rem}.promo-amount{font-size:1.8rem}.promo-code-card{padding:1rem}.promo-code-text{font-size:1.15rem}.promo-timer{padding:.75rem}.promo-timer-display{gap:.2rem}.promo-timer-unit{min-width:43px;padding:.3rem .35rem}.promo-timer-value{font-size:1.05rem}.promo-timer-label-small{font-size:.65rem}.promo-timer-separator{font-size:1.1rem}.promo-instructions{font-size:.85rem}}.services-breadcrumb-section{background:var(--white);padding:1rem 0;border-bottom:1px solid var(--border-color)}.services-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.services-breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;padding:0;font-size:.9rem;font-family:inherit}.services-breadcrumb-link:hover{color:var(--gold)}.services-breadcrumb-separator{color:var(--text-secondary);margin:0 .25rem}.services-breadcrumb-current{color:var(--navy-blue);font-weight:600}.pricing-info-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.pricing-banner-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,193,7,.3)}.pricing-banner-header i{color:#ffc107;font-size:1.3rem;margin-top:.2rem;flex-shrink:0}.pricing-banner-header p{color:#856404;font-size:.95rem;line-height:1.6;margin:0}.pricing-list{display:grid;gap:.75rem}.pricing-list-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.5rem 0}.pricing-category-name{color:var(--navy-blue);font-weight:600;font-size:.95rem}.pricing-dots{border-bottom:2px dotted rgba(133,100,4,.3);height:1px;min-width:20px}.pricing-category-price{color:var(--gold);font-weight:700;font-size:1rem;white-space:nowrap}.services-page-why-choose{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.services-page-why-choose:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.services-page-why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem}.services-page-why-heading h2{color:var(--white);margin-bottom:.75rem}.services-page-why-heading p{color:#ffffffe6}.services-page-why-points ul{margin:0;padding:0 1rem 0 0;list-style:none}.services-page-why-points li{position:relative;padding:.5rem 2rem .5rem 0;margin-bottom:.5rem;color:#fffffff2}.services-page-why-points li:before{content:"✓";position:absolute;right:0;top:.2rem;font-size:1.25rem;color:var(--gold)}.services-page-container .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2rem 0 1rem;display:flex;align-items:flex-start;justify-content:flex-end}.services-page-container .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:0;text-align:right}.services-page-container .page-header p{font-size:1.25rem;opacity:.9}.services-page-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}.services-page-sidebar{background-color:var(--white);border:2px solid var(--border-color);padding:2rem;height:fit-content;position:sticky;top:100px}.services-page-filter-section{margin-bottom:2rem}.services-page-filter-section h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.25rem}.services-page-search-input{width:100%;padding:12px 45px 12px 15px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;text-align:right;direction:rtl;transition:all .3s ease;font-weight:500;font-size:1rem}.services-page-search-input:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.services-page-search-input::placeholder{color:var(--text-secondary)}.services-page-filter-dropdown{width:100%;padding:12px 15px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;text-align:right;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem;direction:rtl}.services-page-filter-dropdown:hover{border-color:var(--gold)}.services-page-filter-dropdown:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.services-page-bookmarks-section{border-top:2px solid var(--border-color);padding-top:2rem}.services-page-bookmarks-section h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.25rem}.services-page-bookmark-items{margin-bottom:1rem}.services-page-bookmark-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.services-page-bookmark-item-info{display:flex;gap:.75rem;flex:1}.services-page-bookmark-item-info img{width:50px;height:50px;object-fit:cover;border:1px solid var(--border-color)}.services-page-bookmark-item-info h4{font-size:.875rem;margin-bottom:.25rem;color:var(--navy-blue)}.services-page-bookmark-item-duration{font-size:.875rem;color:var(--gold);font-weight:600}.services-page-remove-bookmark-btn{width:25px;height:25px;border:1px solid var(--border-color);background-color:var(--white);color:var(--charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:18px}.services-page-remove-bookmark-btn:hover{background-color:#dc3545;color:var(--white);border-color:#dc3545}.services-page-book-all-btn{width:100%;padding:12px;font-weight:600}.services-page-main{min-height:500px}.services-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.services-page-header h2{color:var(--navy-blue);margin:0}.services-page-count{color:var(--charcoal);opacity:.7;font-weight:500}.services-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.services-page-card{background-color:var(--white);border:2px solid var(--border-color);border-radius:18px;box-shadow:0 8px 24px #0b223514;transition:all .3s cubic-bezier(.4,1,.3,1);overflow:hidden;height:100%;display:flex;flex-direction:column}.services-page-card:hover{border-color:var(--gold);box-shadow:0 16px 32px #b8921f1f;transform:translateY(-5px) scale(1.02)}.services-page-image{position:relative;overflow:hidden;height:200px}.services-page-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.services-page-card:hover .services-page-image img{transform:scale(1.1)}.services-page-discount-badge{position:absolute;top:10px;right:10px;background-color:var(--gold);color:var(--white);padding:4px 8px;font-size:.75rem;font-weight:600}.services-page-bookmark-icon{position:absolute;top:12px;left:12px;width:40px;height:40px;background:var(--navy-blue);border:none;border-radius:50%;color:var(--white);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #07162666;z-index:2;opacity:0;transform:translateY(-8px)}.services-page-card:hover .services-page-bookmark-icon{opacity:1;transform:translateY(0)}.services-page-bookmark-icon:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 16px #b8921f80;background:var(--gold)}.services-page-bookmark-icon:active{transform:translateY(0) scale(1.05);box-shadow:0 3px 8px #07162666}.services-page-bookmark-icon:focus-visible{outline:2px solid var(--white);outline-offset:2px}.unavailable-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:var(--white);padding:8px 16px;font-weight:600}.services-page-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.services-page-category{width:fit-content;background-color:var(--navy-blue);color:var(--white);padding:4px 8px;font-size:1.125rem;font-weight:600;display:inline-block;margin-bottom:1rem}.services-page-info h3{color:var(--navy-blue);margin-bottom:.75rem;font-size:1.125rem;line-height:1.4}.services-page-description{color:var(--charcoal);font-size:.9rem;margin-bottom:1rem;opacity:.8;line-height:1.5;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.services-page-rating{gap:.5rem;margin-bottom:1rem}.services-page-stars{font-size:.875rem}.services-page-rating-text{font-size:.8rem;color:var(--charcoal);opacity:.7}.services-page-price{margin-bottom:1.5rem}.services-page-current-price{font-size:1.25rem;font-weight:700;color:var(--gold);margin-left:.5rem}.services-page-original-price{font-size:1rem;text-decoration:line-through;color:var(--charcoal);opacity:.6}.services-page-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:auto}.services-page-book-btn{background-color:var(--gold);color:var(--white);padding:15px 40px;border:none;border-radius:8px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 4px 15px #b8921f4d;transition:all .3s ease}.services-page-book-btn:hover:not(.disabled){background-color:#d4a843;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #b8921f66}.services-page-book-btn.disabled{background-color:var(--charcoal);opacity:.5;cursor:not-allowed}.services-page-book-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.services-page-book-btn:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #b8921f4d}.services-page-book-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0);transform:skew(-20deg)}.services-page-book-btn:hover:after{animation:btn-shine .8s ease forwards}.services-page-book-btn:active:after,.services-page-book-btn:focus-visible:after{animation:btn-shine .6s ease forwards}.services-page-card-hidden{opacity:.7;pointer-events:none;position:relative}.services-page-card-hidden:hover{transform:none;border-color:var(--border-color);box-shadow:0 8px 24px #0b223514}.services-page-image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;position:relative}.coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0b2235d9;display:flex;align-items:center;justify-content:center;z-index:2}.coming-soon-badge{background:var(--gold);color:var(--white);padding:12px 24px;border-radius:25px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #b8921f66;animation:pulse-badge 2s infinite}.coming-soon-badge i{font-size:1.2rem}.services-skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:20px;width:60%;border-radius:4px;margin-bottom:1rem}.services-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:24px;width:80%;border-radius:4px;margin-bottom:.75rem}.services-skeleton-description{display:flex;flex-direction:column;gap:8px}.services-skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;height:14px;width:100%;border-radius:4px}.services-skeleton-line.short{width:70%}.services-page-card-hidden .services-page-book-btn{background-color:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.services-page-card-hidden .services-page-book-btn:hover{transform:none;background-color:#ccc;box-shadow:none}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.services-page-bookmark-btn{background-color:var(--white);color:var(--navy-blue);padding:12px 28px;border:2px solid var(--navy-blue);border-radius:8px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 2px 8px #0b223514;font-size:1rem;transition:all .3s cubic-bezier(.4,1,.3,1)}.services-page-bookmark-btn:hover{background-color:var(--navy-blue);color:var(--white);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0b22351f}.services-page-bookmark-btn:focus-visible{outline:2px solid var(--navy-blue);outline-offset:3px}.services-page-bookmark-btn:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #b8921f4d}.services-page-bookmark-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0);transform:skew(-20deg)}.services-page-bookmark-btn:hover:after{animation:btn-shine .8s ease forwards}.services-page-bookmark-btn:active:after,.services-page-bookmark-btn:focus-visible:after{animation:btn-shine .6s ease forwards}.services-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.services-page-loading p{color:var(--text-secondary);font-size:1.1rem;margin:0}.services-page-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.services-page-error i{font-size:3rem;color:var(--gold)}.services-page-error p{color:var(--text-secondary);font-size:1.1rem;margin:0}.services-page-error .btn{margin-top:1rem}.services-page-no-services{text-align:center;padding:3rem 2rem;background-color:var(--white);border:2px solid var(--border-color);grid-column:1 / -1;background-color:var(--navy-blue);color:var(--white);border-color:var(--navy-blue);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0b22351f}.services-page-no-services h3{color:var(--white);margin-bottom:1rem}.services-page-no-services p{color:#fffc;opacity:.8}.service-benefits{background-color:var(--white)}.services-page-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.services-page-benefit-card{background-color:var(--white);padding:2rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease}.services-page-benefit-card:hover{border-color:var(--gold);transform:translateY(-5px)}.services-page-benefit-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.services-page-benefit-card h4{color:var(--navy-blue);margin-bottom:.5rem}.services-page-benefit-card p{color:var(--charcoal);opacity:.8;font-size:.9rem}@keyframes btn-shine{0%{left:-120%}to{left:120%}}@media (max-width: 968px){.services-layout{grid-template-columns:1fr;gap:1rem}.services-sidebar{position:static;order:1}.services-main{order:2}.services-page-filter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.bookmarks-section{border-top:none;padding-top:1rem;border:2px solid var(--gold);padding:1rem}.why-choose-services .why-grid{grid-template-columns:1fr;gap:2rem;text-align:center}}@media (max-width: 884px){.services-page-sidebar{position:static}.services-page-layout{display:inline}}@media (max-width: 768px){.services-page .page-header h1{font-size:2rem}.services-page .page-header p{font-size:1.125rem}.services-header{flex-direction:column;align-items:stretch;gap:1rem}.pricing-info-banner{padding:1rem;margin-top:20px}.pricing-banner-header{flex-direction:column;text-align:center}.pricing-banner-header i{margin:0 auto}.pricing-list-item{gap:.5rem}.pricing-category-name,.pricing-category-price{font-size:.9rem}.services-page-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.services-page-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.service-actions{grid-template-columns:1fr}.service-bookmark-icon{width:36px;height:36px;font-size:.9rem;top:10px;left:10px}}@media (max-width: 480px){.services-page-layout{grid-template-columns:1fr;gap:1rem}.services-page-sidebar{position:static;order:-1;padding:1rem}.services-page-card{padding:0}.services-page-image{height:140px}.services-page-info{padding:1rem}.services-page-info h3{font-size:.95rem;line-height:1.3}.services-page-description{font-size:.8rem;line-height:1.4}.services-page-current-price{font-size:.95rem}.services-page-book-btn{padding:8px 12px;font-size:.8rem}.services-page-bookmark-icon{width:32px;height:32px;font-size:.8rem;top:8px;left:8px;opacity:1;transform:translateY(0)}}.product-card{text-decoration:none;color:inherit}.products-breadcrumb-section{background:var(--white);padding:1rem 0;border-bottom:1px solid var(--border-color)}.products-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.products-breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;padding:0;font-size:.9rem;font-family:inherit}.products-breadcrumb-link:hover{color:var(--gold)}.products-breadcrumb-separator{color:var(--text-secondary);margin:0 .25rem}.products-breadcrumb-current{color:var(--navy-blue);font-weight:600}.breadcrumb-cart-section{display:flex;align-items:center;gap:1rem}.breadcrumb-cart-header{cursor:pointer;transition:transform .3s ease}.breadcrumb-cart-header:hover{transform:scale(1.05)}.breadcrumb-cart-icon-container{position:relative;background:var(--navy-blue);color:var(--white);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.breadcrumb-cart-header:hover .breadcrumb-cart-icon-container{background:var(--gold);box-shadow:0 4px 12px #b8921f4d}.breadcrumb-cart-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:var(--white);font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 6px #e74c3c66;animation:cartBadgePulse 2s ease-in-out infinite}@keyframes cartBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.why-choose-products{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.why-choose-products:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.why-choose-products .why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem}.why-choose-products .why-heading h2{color:var(--white);margin-bottom:.75rem}.why-choose-products .why-heading p{color:#ffffffe6}.why-choose-products .why-points ul{margin:0;padding:0 1rem 0 0;list-style:none}.why-choose-products .why-points li{position:relative;padding:.5rem 2rem .5rem 0;margin-bottom:.5rem;color:#fffffff2}.why-choose-products .why-points li:before{content:"✓";position:absolute;right:0;top:.2rem;font-size:1.25rem;color:var(--gold)}.products-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2rem 0 1rem;display:flex;align-items:flex-start;justify-content:flex-end}.products-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:0;text-align:right}.products-page .page-header p{font-size:1.25rem;opacity:.9}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}.search-bar-container{position:relative;width:100%}.products-search-input{width:100%;padding:12px 45px 12px 15px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;text-align:right;direction:rtl;transition:all .3s ease;font-weight:500;font-size:1rem}.products-search-input:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.products-search-input::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-clear-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0 5px;line-height:1;transition:color .3s ease}.search-clear-btn:hover{color:var(--navy-blue)}.products-sidebar{background-color:var(--white);border:2px solid var(--border-color);padding:2rem;height:fit-content;position:sticky;top:100px}.filter-section{margin-bottom:2rem}.filter-section h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.25rem}.cart-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.cart-header h3{margin:0}.cart-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--navy-blue);border-radius:50%;color:var(--white);flex-shrink:0}.cart-icon-container i{font-size:18px;color:#fff}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--gold);color:var(--white);font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}.products-sidebar.non-sticky{position:static}.filter-dropdown{width:100%;padding:12px 15px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;text-align:right;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:1rem;direction:rtl}.filter-dropdown:hover{border-color:var(--gold)}.filter-dropdown:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.products-main{min-height:500px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.products-header h2{color:var(--navy-blue);margin:0}.products-count{color:var(--charcoal);opacity:.7;font-weight:500}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.product-card{background-color:var(--white);border:2px solid var(--border-color);border-radius:18px;box-shadow:0 8px 24px #0b223514;transition:all .3s cubic-bezier(.4,1,.3,1);overflow:hidden}.product-card:hover{border-color:var(--gold);box-shadow:0 16px 32px #b8921f1f;transform:translateY(-5px) scale(1.02)}.product-image{position:relative;overflow:hidden;height:200px;display:flex;justify-content:center}.product-image img{height:100%;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.1)}.discount-badge{position:absolute;top:10px;right:10px;background-color:var(--gold);color:var(--white);padding:4px 8px;font-size:.75rem;font-weight:600}.out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:var(--white);padding:8px 16px;font-weight:600}.product-add-to-cart-icon{position:absolute;top:12px;left:12px;width:40px;height:40px;background:var(--navy-blue);border:none;border-radius:50%;color:var(--white);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #07162666;z-index:2;opacity:0;transform:translateY(-8px)}.product-card:hover .product-add-to-cart-icon{opacity:1;transform:translateY(0)}.product-add-to-cart-icon:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 16px #b8921f80;background:var(--gold)}.product-add-to-cart-icon:active{transform:translateY(0) scale(1.05);box-shadow:0 3px 8px #07162666}.product-add-to-cart-icon:focus-visible{outline:2px solid var(--white);outline-offset:2px}.product-info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1.5rem .8rem}.product-category{background-color:var(--navy-blue);color:var(--white);padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:1rem}.product-info h3{color:var(--navy-blue);margin-bottom:.75rem;font-size:1.125rem;line-height:1.4;width:100%;text-align:center;direction:ltr;unicode-bidi:embed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.product-description{color:var(--charcoal);font-size:.9rem;margin-bottom:1rem;opacity:.8;line-height:1.5}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{font-size:.875rem}.rating-text{font-size:.8rem;color:var(--charcoal);opacity:.7}.current-price{font-size:1.25rem;font-weight:700;color:var(--gold);margin-left:.5rem}.original-price{font-size:.8rem;text-decoration:line-through;color:var(--charcoal);opacity:.6}.product-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem}.add-to-cart-btn{background-color:var(--gold);color:var(--white);padding:15px 40px;border:none;border-radius:8px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 4px 15px #b8921f4d;transition:all .3s ease}.add-to-cart-btn:hover:not(.disabled){background-color:#d4a843;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #b8921f66}.add-to-cart-btn.disabled{background-color:var(--charcoal);opacity:.5;cursor:not-allowed}.add-to-cart-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.add-to-cart-btn:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #b8921f4d}.add-to-cart-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0);transform:skew(-20deg)}.add-to-cart-btn:hover:after{animation:btn-shine .8s ease forwards}.add-to-cart-btn:active:after,.add-to-cart-btn:focus-visible:after{animation:btn-shine .6s ease forwards}.quick-view-btn{background-color:var(--white);color:var(--navy-blue);padding:12px 28px;border:2px solid var(--navy-blue);border-radius:8px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 2px 8px #0b223514;font-size:1rem;transition:all .3s cubic-bezier(.4,1,.3,1)}.no-products{text-align:center;padding:3rem 2rem;background-color:var(--white);border:2px solid var(--border-color);grid-column:1 / -1;background-color:var(--navy-blue);color:var(--white);border-color:var(--navy-blue);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0b22351f}.quick-view-btn:focus-visible{outline:2px solid var(--navy-blue);outline-offset:3px}.quick-view-btn:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #b8921f4d}.quick-view-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0);transform:skew(-20deg)}.quick-view-btn:hover:after{animation:btn-shine .8s ease forwards}.quick-view-btn:active:after,.quick-view-btn:focus-visible:after{animation:btn-shine .6s ease forwards}.no-products h3{color:var(--navy-blue);margin-bottom:1rem}.no-products p{color:var(--white);opacity:1;font-size:1.1rem;margin-bottom:1.5rem}.product-benefits{background-color:var(--white)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{background-color:var(--white);padding:2rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease}.benefit-card:hover{border-color:var(--gold);transform:translateY(-5px)}.benefit-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.benefit-card h4{color:var(--navy-blue);margin-bottom:.5rem}.benefit-card p{color:var(--charcoal);opacity:.8;font-size:.9rem}.products-cta{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.products-cta .cta-content h2{color:var(--white);margin-bottom:1rem}.products-cta .cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.products-cta .btn-primary{background-color:var(--gold);padding:15px 30px;font-size:1.125rem}@media (max-width: 968px){.products-layout{grid-template-columns:1fr;gap:1rem}.products-sidebar{position:static;order:1}.products-main{order:2}.filter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.cart-section{border-top:none;padding-top:1rem;border:2px solid var(--gold);padding:1rem;border-radius:12px;background:#b8921f05}.cart-header{background:#b8921f1a;border-radius:8px;padding:16px 12px}.cart-icon-container{width:50px;height:50px}.cart-icon-container i{font-size:20px}.why-choose-products .why-grid{grid-template-columns:1fr;gap:2rem;text-align:center}}@media (max-width: 768px){.products-page .page-header h1{font-size:2rem}.products-page .page-header p{font-size:1.125rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.products-header{flex-direction:column;align-items:stretch;gap:1rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-actions{grid-template-columns:1fr}.product-card{padding:0}.product-add-to-cart-icon{width:36px;height:36px;font-size:.9rem;top:10px;left:10px}}@media (max-width: 480px){.products-layout{grid-template-columns:1fr;gap:1rem}.products-sidebar{position:static;order:-1;padding:1rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.product-info{padding:.875rem 0rem .5rem}.product-info h3{font-size:.95rem;line-height:1.3}.product-description{font-size:.8rem;line-height:1.4}.product-price .current-price{font-size:.95rem}.add-to-cart-btn{padding:8px 12px;font-size:.8rem}.product-card{padding:0}.product-add-to-cart-icon{width:32px;height:32px;font-size:.8rem;top:8px;left:8px;opacity:1;transform:translateY(0)}}.toast{position:fixed;top:100px;right:20px;z-index:1000;min-width:300px;max-width:400px;padding:0;border-radius:12px;box-shadow:0 8px 32px #00000026;animation:slideInRight .3s ease-out;overflow:hidden}.toast-success{background:var(--navy-blue);color:#fff}.toast-content{display:flex;align-items:center;background:var(--navy-blue);color:#fff;padding:16px 20px;gap:12px}.toast-icon{font-size:20px;flex-shrink:0;color:#fff!important}.toast-content .fas.toast-icon{color:#fff!important}.toast-message{font-weight:500;font-size:14px;line-height:1.4}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:none}.cart-icon-container{width:40px;height:40px}.cart-icon-container i{font-size:16px}.cart-badge{width:20px;height:20px;font-size:11px;top:-6px;right:-6px}.products-breadcrumb{font-size:.85rem}.breadcrumb-cart-icon-container{width:40px;height:40px;font-size:1.1rem}}@media (max-width: 480px){.breadcrumb-container{padding:.5rem 0}.products-breadcrumb{font-size:.8rem}.breadcrumb-cart-icon-container{width:38px;height:38px;font-size:1rem}.breadcrumb-cart-badge{font-size:.65rem;padding:.1rem .35rem;min-width:18px}}.product-details-page{min-height:100vh;background:var(--background)}.product-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.product-details-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.error-message i{font-size:3rem;color:var(--gold)}.error-message p{color:var(--text-secondary);font-size:1.1rem;margin:0}.error-message .btn{margin-top:1rem}.product-details-breadcrumb-section{background:var(--white);border-bottom:1px solid var(--border-color);padding:1rem 0}.product-details-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.product-details-breadcrumb-link{background:none;border:none;color:var(--gold);cursor:pointer;text-decoration:none;transition:color .3s ease}.product-details-breadcrumb-link:hover{color:var(--navy-blue);text-decoration:underline}.product-details-breadcrumb-separator{color:var(--text-secondary)}.product-details-breadcrumb-current{color:var(--text-primary);font-weight:500}.breadcrumb-container{display:flex;justify-content:space-between;align-items:center;width:100%}.breadcrumb-cart-section{display:flex;align-items:center}.breadcrumb-cart-header{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.breadcrumb-cart-header:hover{transform:translateY(-1px)}.breadcrumb-cart-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--navy-blue);border-radius:50%;color:var(--white);flex-shrink:0}.breadcrumb-cart-icon-container i{font-size:16px;color:#fff}.breadcrumb-cart-badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--white);font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}.breadcrumb-cart-text{color:var(--navy-blue);font-weight:600;font-size:.95rem}.product-details-content{padding:2rem 0}.product-details-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.product-details-images{display:flex;flex-direction:column;gap:1rem}.product-details-main-image{position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0716261a}.product-details-main-product-image{width:100%;height:100%;object-fit:contain}.product-details-discount-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white);padding:8px 16px;border-radius:25px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #e74c3c4d}.product-details-out-of-stock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;font-weight:600}.product-details-thumbnail-images{display:flex;gap:.75rem;justify-content:center}.product-details-thumbnail{width:80px;height:80px;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:none;padding:0}.product-details-thumbnail:hover,.product-details-thumbnail.active{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #b8921f4d}.product-details-thumbnail img{width:100%;height:100%;object-fit:cover}.product-details-info{padding:1rem 0}.product-details-category{color:var(--gold);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.product-details-title{font-size:2rem;font-weight:700;color:var(--navy-blue);margin-bottom:1rem;line-height:1.3}.product-details-rating{display:flex;align-items:center;margin-bottom:1.5rem}.product-details-stars{font-size:1.1rem;color:var(--gold);display:flex;gap:2px}.product-details-stars i{color:var(--gold)}.product-details-rating-text{color:var(--text-secondary);font-size:1.1rem}.product-details-price{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.product-details-current-price{font-size:1.8rem;font-weight:700;color:var(--navy-blue)}.product-details-original-price{font-size:1.2rem;color:var(--text-secondary);text-decoration:line-through}.product-details-short-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:1rem}.product-details-actions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.product-details-quantity-selector{display:flex;align-items:center;gap:1rem}.product-details-quantity-selector label{font-weight:600;color:var(--navy-blue)}.product-details-quantity-controls{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;width:fit-content}.product-details-quantity-btn{background:var(--white);border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;color:var(--navy-blue);transition:all .3s ease}.product-details-quantity-btn:hover:not(:disabled){background:var(--gold);color:var(--white)}.product-details-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.product-details-quantity-display{min-width:60px;text-align:center;font-weight:600;color:var(--navy-blue);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);height:40px;display:flex;align-items:center;justify-content:center}.product-details-add-to-cart-btn{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #07162633;position:relative;overflow:hidden}.product-details-add-to-cart-btn:hover:not(.disabled){background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b8921f4d}.product-details-add-to-cart-btn.disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #95a5a633}.product-details-add-to-cart-btn.adding{background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:scale(.98);cursor:wait}.product-details-add-to-cart-btn.adding i{margin-left:8px;animation:spin 1s linear infinite}.product-details-add-to-cart-btn.adding span{display:inline-block}.product-details-features{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#b8921f0d;border-radius:12px;border:1px solid rgba(184,146,31,.2)}.product-details-feature{display:flex;align-items:center;gap:.75rem;color:var(--navy-blue);font-size:.95rem}.product-details-feature-icon{font-size:1.2rem;color:var(--gold);width:20px;text-align:center}.product-details-tabs{margin-top:3rem}.product-details-tabs-header{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:2rem}.product-details-tab-btn{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .3s ease,background .3s ease;position:relative;flex:1}.product-details-tab-btn:after{content:"";position:absolute;bottom:-2px;left:50%;height:3px;background-color:var(--gold);transform:translate(-50%) scaleX(0);width:100%;transform-origin:center}.product-details-tab-btn:hover{color:var(--navy-blue);background:#b8921f0d}.product-details-tab-btn.active{color:var(--navy-blue);background:#b8921f12}.product-details-tab-btn.active:after{animation:expandBorder .4s ease forwards}@keyframes expandBorder{0%{transform:translate(-50%) scaleX(0)}to{transform:translate(-50%) scaleX(1)}}.product-details-tabs-content{min-height:300px}.product-details-tab-content{animation:fadeIn .3s ease}.product-details-tab-content h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.4rem}.product-details-tab-content h4{color:var(--navy-blue);margin:1.5rem 0 .75rem;font-size:1.1rem}.product-details-tab-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.product-details-tab-content ul{color:var(--text-secondary);line-height:1.7;padding-right:1.5rem;list-style:none}.product-details-tab-content li{margin-bottom:.5rem;position:relative}.product-details-tab-content li:before{content:"✓";color:var(--gold);font-weight:700;position:absolute;right:-1.5rem}.product-details-ingredients-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;list-style:none;padding:0}.product-details-ingredients-list li{background:#b8921f0a;padding:.75rem 1rem;border-radius:8px;border-right:4px solid var(--gold)}.product-details-ingredients-list li:before{display:none}.product-details-reviews-summary{background:#0716260d;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.product-details-rating-summary{display:flex;align-items:center;justify-content:center}.product-details-stars-summary{font-size:1.3rem;color:var(--gold);display:flex;gap:3px}.product-details-stars-summary i{color:var(--gold)}.product-details-rating-text-summary{color:var(--text-secondary);font-size:1.3rem;font-weight:500}.product-details-reviews-list{display:flex;flex-direction:column;gap:1.5rem}.product-details-review-item{padding:1.5rem;background:var(--white);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0716260d}.product-details-reviewer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.product-details-reviewer-info strong{color:var(--navy-blue);font-weight:600}.product-details-review-stars{font-size:.9rem;color:var(--gold);display:flex;gap:2px}.product-details-review-stars i{color:var(--gold)}.product-details-review-item p{color:var(--text-secondary);line-height:1.6;margin:0}.product-details-related-products{background:#07162605;padding:3rem 0}.product-details-related-products h2{text-align:center;color:var(--navy-blue);margin-bottom:2rem;font-size:2rem}.product-details-related-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.product-details-related-product-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #07162614;transition:all .3s ease;border:1px solid var(--border-color);cursor:pointer}.product-details-related-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0716261f;border-color:var(--gold)}.product-details-related-product-image{height:200px;overflow:hidden}.product-details-related-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-details-related-product-card:hover .product-details-related-product-image img{transform:scale(1.05)}.product-details-related-product-info{padding:1.5rem}.product-details-related-product-info h4{color:var(--navy-blue);margin-bottom:.75rem;font-size:1.1rem;line-height:1.3}.product-details-related-product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.product-details-related-current-price{font-size:1.2rem;font-weight:600;color:var(--navy-blue)}.product-details-related-original-price{font-size:.9rem;color:var(--text-secondary);text-decoration:line-through}.product-details-toast{position:fixed;top:100px;right:20px;z-index:1000;min-width:300px;max-width:400px;padding:0;border-radius:12px;box-shadow:0 8px 32px #00000026;animation:slideInRight .3s ease-out;overflow:hidden}.product-details-toast-success{background:var(--navy-blue);color:#fff}.product-details-toast-content{background:var(--navy-blue);color:#fff;display:flex;align-items:center;padding:16px 20px;gap:12px}.product-details-toast-icon{font-size:20px;flex-shrink:0;color:#fff!important}.product-details-toast-content .fas.product-details-toast-icon{color:#fff!important}.product-details-toast-message{font-weight:500;font-size:14px;line-height:1.4}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.product-details-layout{grid-template-columns:1fr;gap:2rem}.product-details-main-image{height:400px}.product-details-title{font-size:1.6rem}.product-details-tabs-header{flex-wrap:wrap}.product-details-tab-btn{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 640px){.product-details-content{padding:1rem 0}.product-details-breadcrumb{font-size:.8rem}.breadcrumb-container{flex-direction:row;gap:1rem;align-items:flex-start}.breadcrumb-cart-header{padding:6px 12px;gap:8px}.breadcrumb-cart-icon-container{width:30px;height:30px}.breadcrumb-cart-icon-container i{font-size:14px}.breadcrumb-cart-badge{width:16px;height:16px;font-size:10px;top:-4px;right:-4px}.breadcrumb-cart-text{font-size:.85rem}.product-details-main-image{height:300px}.product-details-thumbnail{width:60px;height:60px}.product-details-title,.product-details-current-price{font-size:1.4rem}.product-details-actions{gap:1rem}.product-details-quantity-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.product-details-quantity-controls{width:fit-content;min-width:140px}.product-details-add-to-cart-btn{padding:14px 24px;font-size:1rem}.product-details-features{padding:1rem}.product-details-feature{font-size:.9rem}.product-details-tabs-header{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-details-tabs-header::-webkit-scrollbar{display:none}.product-details-tab-btn{flex-shrink:0;padding:.75rem 1.5rem}.product-details-related-products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-details-related-product-info{padding:1rem}.product-details-related-product-info h4{font-size:.95rem}.product-details-toast{right:10px;left:10px;min-width:auto;max-width:none}}@media (max-width: 480px){.product-details-related-products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.product-details-ingredients-list{grid-template-columns:1fr}}.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}.booking-breadcrumb-section{background:var(--white);padding:1rem 0;margin-bottom:0;border-bottom:1px solid var(--border-color)}.booking-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.booking-breadcrumb-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;padding:0;font-size:.9rem;font-family:inherit}.booking-breadcrumb-item:hover{color:var(--navy-blue)}.booking-breadcrumb-item.active{color:var(--navy-blue);font-weight:600;cursor:default}.booking-breadcrumb-separator{color:var(--text-secondary);margin:0 .25rem}.category-selection{background-color:var(--white)}.category-selection h2{text-align:center;font-size:2.5rem;color:var(--navy-blue);margin-bottom:3rem}.category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.category-card{position:relative;height:350px;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #0716261a}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #07162633}.category-card-inner{position:relative;width:100%;height:100%}.category-image{width:100%;height:100%;object-fit:cover}.category-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy-blue),#0f2a5a);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--white)}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(7,22,38,.95),rgba(7,22,38,.7),transparent);padding:2rem 1.5rem;color:var(--white);transition:all .4s ease}.category-overlay h3{font-size:1.75rem;margin:0 0 .5rem;color:var(--white)}.category-desc{font-size:.95rem;margin:0;opacity:.9;line-height:1.5}.services-preview{position:absolute;top:0;left:0;right:0;bottom:0;background:#071626f7;color:var(--white);padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(20px);transition:all .4s ease;pointer-events:none}.category-card:hover .services-preview{opacity:1;transform:translateY(0);pointer-events:all}.services-preview h4{color:var(--gold);font-size:1.25rem;margin:0 0 1rem;text-align:center;border-bottom:2px solid var(--gold);padding-bottom:.75rem}.services-preview ul{list-style:none;padding:0;margin:0}.services-preview li{padding:.75rem 0;font-size:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.services-preview li:last-child{border-bottom:none}.services-preview li i{color:var(--gold);font-size:.9rem;flex-shrink:0}.services-preview li.more-services{color:var(--gold);font-weight:600;margin-top:.5rem}.flip-card{background-color:transparent;width:100%;height:400px;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;border-radius:1.5rem;box-shadow:0 6px 24px #0b22350f}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1.5rem;border:2px solid var(--border-color);top:0;left:0}.flip-card-front{background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;transform:rotateY(0)}.flip-card-back{background:var(--white);transform:rotateY(180deg);padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.skincare-bg{background-image:linear-gradient(#0b223599,#0b223599),url(https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80)}.laser-bg{background-image:linear-gradient(#0b223599,#0b223599),url(https://images.unsplash.com/photo-1629909613654-28e377c37b09?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80)}.consultation-card .flip-card-inner{border:3px solid var(--gold)}.consultation-card .category-overlay h3{color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.7)}.consultation-card .flip-card-back{background:linear-gradient(135deg,var(--white) 0%,var(--white) 100%);border:3px solid var(--gold)}.consultation-card .flip-card-back h3{color:var(--gold)}.consultation-card .flip-card-back li:last-child{color:var(--gold);font-weight:600}.flip-card-back h3{color:var(--navy-blue);font-size:1.75rem;margin-bottom:1rem;font-weight:700}.flip-card-back p{color:var(--charcoal);font-size:1.1rem;margin-bottom:2rem;opacity:.8}.flip-card-back ul{list-style:none;padding:0;margin:0;width:100%}.flip-card-back li{color:var(--charcoal);padding:.5rem 0;border-bottom:1px solid var(--border-color);opacity:.7}.flip-card-back li:last-child{border-bottom:none}.step-header{margin-bottom:2rem}.back-to-category{background:var(--gold);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.back-to-category:hover{background:#b8921f;transform:translateY(-2px)}.booking-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.booking-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.booking-page .page-header p{font-size:1.25rem;opacity:.9}.login-required{background-color:var(--white);min-height:400px;display:flex;align-items:center}.login-card{background:var(--white);border-radius:1.5rem;box-shadow:0 6px 32px #281e0a1a,0 1.5px 0 0 var(--gold);border:none;padding:3rem;text-align:center;max-width:500px;margin:0 auto;transition:box-shadow .3s;position:relative}.login-card:after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,var(--gold) 0%,#e7c77d 100%);border-radius:2px;opacity:.8}.login-card h2{color:var(--navy-blue);margin-bottom:1rem;font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:.5px}.login-card p{color:var(--charcoal);margin-bottom:2rem;opacity:.8;font-size:1.1rem}.login-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.login-actions button{border-radius:2rem;box-shadow:0 2px 8px #281e0a14;font-size:1.1rem;font-weight:700;padding:14px 40px;transition:background .3s,color .3s,box-shadow .3s,border-color .3s;cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent}.login-actions .btn-primary{background:var(--gold);color:var(--white);border-color:var(--gold)}.login-actions .btn-secondary{background:var(--white);color:var(--navy-blue);border-color:var(--navy-blue)}.login-actions button:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff26,#fff0);opacity:0;transition:opacity .3s;pointer-events:none}.login-actions .btn-primary:hover,.login-actions .btn-primary:focus{background:#b8921f;color:var(--white);box-shadow:0 4px 16px #281e0a1f}.login-actions .btn-secondary:hover,.login-actions .btn-secondary:focus{background:var(--navy-blue);color:var(--white);border-color:var(--navy-blue);box-shadow:0 4px 16px #0b22351f}.login-actions button:hover:after,.login-actions button:focus:after{opacity:1}.booking-progress{display:flex;justify-content:center;margin-bottom:3rem;padding:2rem 0;background-color:var(--white);border:2px solid var(--border-color)}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:200px}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;right:50%;width:100%;height:2px;background-color:var(--border-color);z-index:1}.progress-step.completed:not(:last-child):after{background-color:var(--gold)}.step-number{width:40px;height:40px;border:2px solid var(--border-color);background-color:var(--white);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;position:relative;z-index:2}.progress-step.active .step-number{border-color:var(--gold);background-color:var(--gold);color:var(--white)}.progress-step.completed .step-number{border-color:var(--navy-blue);background-color:var(--navy-blue);color:var(--white)}.step-title{font-size:.875rem;color:var(--charcoal);text-align:center;font-weight:600}.progress-step.active .step-title{color:var(--navy-blue)}.booking-step{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);min-height:500px}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.back-btn{background-color:var(--white);color:var(--navy-blue);border:2px solid var(--border-color);padding:8px 16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background-color:var(--navy-blue);color:var(--white)}.booking-step h2{color:var(--navy-blue);margin:0}.services-selection{display:grid;gap:1.5rem}.service-option{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.5rem;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;background-color:var(--white)}.service-option:hover{border-color:var(--gold);background-color:var(--white);transform:translateY(-3px)}.service-image{overflow:hidden}.service-image img{width:100%;object-fit:cover;max-height:180px}.service-details h3{color:var(--navy-blue);margin-bottom:.75rem}.service-details p{color:var(--charcoal);margin-bottom:1rem;opacity:.8}.service-details span{background-color:var(--white);width:fit-content;padding:.5rem;border:1px solid var(--border-color);border-radius:18px;font-size:.875rem;color:var(--charcoal)}.booking-price{background-color:var(--white);width:fit-content;padding:.5rem;border:1px solid var(--border-color);border-radius:18px;font-size:.875rem;color:var(--charcoal);opacity:.8}.service-meta{display:flex;gap:10px;flex-direction:column}.duration{color:var(--charcoal);font-size:.9rem}.selected-service-info{background-color:var(--white);padding:1.5rem;margin-bottom:2rem;border:2px solid var(--gold)}.selected-service-info h3{color:var(--navy-blue);margin-bottom:.5rem}.selected-service-info p{color:var(--charcoal);opacity:.8}.staff-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.staff-option{display:flex;gap:1rem;padding:1.5rem;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;background-color:var(--white)}.staff-option:hover{border-color:var(--gold);background-color:var(--white);transform:translateY(-3px)}.staff-avatar{flex-shrink:0}.staff-avatar img{width:80px;height:80px;object-fit:cover;border:2px solid var(--border-color)}.staff-details h3{color:var(--navy-blue);margin-bottom:.5rem}.staff-details p{color:var(--gold);font-weight:600;margin-bottom:.5rem}.staff-experience{color:var(--charcoal);font-size:.9rem;opacity:.8}.selected-info{background-color:var(--white);padding:1.5rem;margin-bottom:2rem;border:2px solid var(--gold);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{color:var(--navy-blue)}.info-item strong{margin-left:.5rem}.service-options-selection{background-color:var(--white);padding:2rem;margin-bottom:2rem;border:2px solid var(--border-color);border-radius:12px;justify-items:center}.service-options-selection h3{color:var(--navy-blue);margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:min(100%,25rem)}.option-card{position:relative;background:linear-gradient(135deg,#f9f8f7,#fff);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;min-width:100%}.option-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #c8aa6e33;border-color:var(--gold)}.option-card.selected{border-color:var(--gold)}.option-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--navy-blue)}.option-price{font-size:1.3rem;font-weight:700;color:var(--navy-blue)}.option-check{position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:var(--gold);color:var(--white);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.datetime-selection{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.date-selection h3,.time-selection h3{color:var(--navy-blue);margin-bottom:1rem}.date-selection .form-input{width:100%;padding:12px;font-size:1rem}.booking-calendar{width:100%!important;border:2px solid var(--border-color)!important;border-radius:12px!important;padding:1rem!important;font-family:inherit!important;box-shadow:0 2px 8px #0000000d}.booking-calendar .react-calendar__navigation{margin-bottom:1rem}.booking-calendar .react-calendar__navigation button{font-size:1.1rem;font-weight:600;color:var(--navy-blue);min-width:40px;background:none}.booking-calendar .react-calendar__navigation button:enabled:hover,.booking-calendar .react-calendar__navigation button:enabled:focus{background-color:var(--light-gray);border-radius:8px}.booking-calendar .react-calendar__month-view__weekdays{text-align:center;font-weight:600;font-size:.9rem;color:var(--navy-blue);margin-bottom:.5rem}.booking-calendar .react-calendar__month-view__weekdays__weekday{padding:.5rem}.booking-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.booking-calendar .react-calendar__tile{padding:.75rem .5rem;font-size:.95rem;background:none;border-radius:8px;transition:all .2s ease}.booking-calendar .react-calendar__tile:enabled:hover,.booking-calendar .react-calendar__tile:enabled:focus{background-color:var(--light-gray)}.booking-calendar .react-calendar__tile--now{color:red;font-weight:600}.booking-calendar .react-calendar__tile--now:enabled:hover,.booking-calendar .react-calendar__tile--now:enabled:focus{background-color:var(--gold);color:#fff;opacity:.9}.booking-calendar .react-calendar__tile--active{background-color:var(--navy-blue)!important;color:#fff!important;font-weight:600}.booking-calendar .react-calendar__tile--active:enabled:hover,.booking-calendar .react-calendar__tile--active:enabled:focus{background-color:var(--navy-blue)!important;opacity:.9}.booking-calendar .react-calendar__tile:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;text-decoration:line-through}.booking-calendar .react-calendar__month-view__days__day--weekend{color:inherit}.booking-calendar .react-calendar__month-view__days__day--weekend:not(:disabled){color:var(--charcoal)}.booking-calendar .react-calendar__month-view__days__day--weekend:disabled{color:#999}.selected-date-display{margin-top:1rem;padding:.75rem;background-color:var(--light-gray);border-radius:8px;text-align:center;color:var(--navy-blue);font-weight:600}.time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.time-slot{padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);color:var(--charcoal);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600}.time-slot:hover{border-color:var(--gold);background-color:var(--white)}.time-slot.selected{border-color:var(--gold);background-color:var(--gold);color:var(--white)}.time-slot.disabled{border-color:#e0e0e0;background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.time-slot.disabled:hover{border-color:#e0e0e0;background-color:#f5f5f5}.no-slots-message{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0}.booking-warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem 1.5rem;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 4px #0000001a}.booking-warning-message .warning-icon{font-size:1.2rem;margin-top:.1rem;flex-shrink:0}.booking-warning-message p{margin:0;color:#856404;font-size:.95rem;line-height:1.5;font-weight:500}@media (max-width: 768px){.booking-warning-message{padding:.875rem 1rem;margin:.75rem 0;gap:.5rem;align-items:center}.booking-warning-message .warning-icon{font-size:1.1rem}.booking-warning-message p{font-size:.9rem}.booking-calendar{padding:.75rem!important}.booking-calendar .react-calendar__tile{padding:.5rem .25rem;font-size:.85rem}.booking-calendar .react-calendar__navigation button{font-size:1rem}.datetime-selection{grid-template-columns:1fr;gap:1.5rem}}.summary-note{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.summary-note p{margin:0;padding:1rem;border-radius:8px;font-size:.9rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.6}.summary-note-info{background-color:#e8f4fd;border:1px solid #b3d9f7;color:var(--navy-blue)}.summary-note-info i{color:#2196f3;margin-top:.15rem;flex-shrink:0}.summary-note-warning{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.summary-note-warning i{color:#dc3545;margin-top:.15rem;flex-shrink:0}.booking-summary{background-color:var(--white);padding:2rem;margin-bottom:2rem;border:2px solid var(--border-color)}.booking-summary h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.summary-details{display:grid;gap:1rem}.summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-item.price-item{border-bottom:2px solid var(--gold);font-weight:700;font-size:1.125rem}.summary-item .label{color:var(--charcoal);font-weight:600}.summary-item .value{color:var(--navy-blue);font-weight:600}.price-item .value{color:var(--gold)}.summary-item.discount-item{background-color:#e8f5e9;padding:.75rem;border-radius:8px;margin:.5rem 0;border-bottom:none}.summary-item.discount-item .value{color:#2e7d32;font-weight:700}.summary-item.total-price-item{font-weight:700;font-size:1.25rem;margin-top:.5rem;padding:1rem 0}.total-price-item .value{color:var(--navy-blue)}.promo-code-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.promo-code-input-wrapper{display:flex;gap:.5rem}.promo-input{flex:1;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;text-align:right}.promo-input:focus{outline:none;border-color:var(--gold)}.promo-input:disabled{background-color:#e9ecef;cursor:not-allowed}.apply-promo-btn{background:var(--gold);color:var(--white);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.apply-promo-btn:hover:not(:disabled){background:#d4a843;transform:translateY(-1px)}.apply-promo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.applied-coupon{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px}.booking-form{margin-top:2rem}.customer-info{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);margin-bottom:2rem}.customer-info h4{color:var(--navy-blue);margin-bottom:1rem}.booking-actions{text-align:center}.confirm-btn{padding:15px 40px;font-size:1.125rem;font-weight:700;margin-bottom:1rem;background-color:var(--navy-blue)}.booking-note{color:var(--charcoal);font-size:.9rem;opacity:.8;font-style:italic}@media (max-width: 968px){.booking-progress{flex-wrap:wrap;gap:1rem}.progress-step:not(:last-child):after{display:none}.service-option{grid-template-columns:1fr;gap:1rem}.service-image img{height:150px}.staff-selection{grid-template-columns:1fr}.datetime-selection{grid-template-columns:1fr;gap:1.5rem}.selected-info{grid-template-columns:1fr}}@media (max-width: 768px){.booking-page .page-header h1{font-size:2rem}.booking-page .page-header p{font-size:1.125rem}.booking-step{padding:1.5rem}.category-cards{grid-template-columns:1fr;gap:2rem}.flip-card{height:350px}.flip-card-back{padding:2rem 1.5rem}.category-overlay h3{font-size:2rem}.flip-card-back h3{font-size:1.5rem}.step-header{flex-direction:column;align-items:stretch;gap:1rem}.login-card{padding:2rem}.login-actions{flex-direction:column;align-items:center}.login-actions button{width:100%;max-width:250px;padding:12px 0;font-size:1rem}.info-grid{grid-template-columns:1fr}.time-slots{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}@media (max-width: 480px){.booking-step,.service-option,.staff-option,.booking-summary,.customer-info{padding:1rem}.time-slots{grid-template-columns:repeat(3,1fr)}.progress-step{min-width:120px}.step-title{font-size:.75rem}}.consultation-booking{background-color:var(--white);min-height:600px}.consultation-header{margin-bottom:1rem}.consultation-header h2{color:var(--navy-blue);font-size:2.5rem;margin-bottom:1rem}.consultation-header p{color:var(--charcoal);font-size:1.25rem;opacity:.8;max-width:600px;margin:0 auto}.consultation-content{background:linear-gradient(135deg,var(--navy-blue) 0%,#1a4b6b 100%);padding:4rem 2rem;border-radius:20px;position:relative;overflow:hidden}.consultation-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold) 0%,#ffcc00 50%,var(--gold) 100%)}.consultation-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.consultation-why-heading h2{color:var(--gold);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.consultation-why-heading p{color:#ffffffe6;font-size:1.1rem;line-height:1.7}.consultation-why-points ul{list-style:none;padding:0}.consultation-why-points li{color:#fff;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;padding-right:2rem;position:relative}.consultation-why-points li:before{content:"✓";position:absolute;right:0;top:0;color:var(--gold);font-weight:700;font-size:1.2rem}.consultation-form-container{background:var(--white);padding:2.5rem;border-radius:1.5rem;border:2px solid var(--border-color);box-shadow:0 6px 32px #0b22350f}.consultation-form h3{color:var(--navy-blue);margin-bottom:2rem;text-align:center;font-size:1.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;color:var(--charcoal);cursor:pointer;font-size:.95rem}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.consultation-actions{text-align:center;margin-top:2rem}.consultation-btn{background:var(--gold);color:var(--white);padding:15px 40px;font-weight:700;border:none;border-radius:2rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.consultation-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c5ae2e4d}.consultation-note{color:var(--charcoal);font-size:.9rem;opacity:.8;font-style:italic}@media (max-width: 968px){.consultation-content{grid-template-columns:1fr;gap:2rem}.form-grid{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:1rem}}@media (max-width: 768px){.consultation-form-container{padding:1.5rem}.consultation-header h2{font-size:2rem}.consultation-header p{font-size:1.125rem}.info-card{padding:1.5rem}.info-icon{font-size:2.5rem}}.booking-cta{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.booking-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.booking-cta .cta-content h2{color:var(--white);margin-bottom:1rem}.booking-cta .cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.booking-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.booking-cta .btn-primary{background-color:var(--gold);padding:15px 30px;font-size:1.125rem}.booking-cta .consultation-btn-secondary{border-color:var(--white);color:var(--white);background-color:transparent;border:1px solid var(--white);padding:13px 28px;font-size:1.125rem;border-radius:.5rem}.booking-cta .consultation-btn-secondary:hover{background-color:var(--white);color:var(--navy-blue)}@media (max-width: 768px){.booking-cta .cta-buttons{flex-direction:column;align-items:center}.booking-cta .cta-buttons button{width:65%;max-width:300px}.consultation-why-grid{grid-template-columns:1fr;gap:2rem}.consultation-content{padding:2rem 1rem}.consultation-why-heading h2{font-size:2rem}.consultation-why-points li{font-size:1rem}}.loading-section,.error-section{min-height:60vh;display:flex;align-items:center;justify-content:center}.loading-card,.error-card{background:var(--white);padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;max-width:400px;width:100%}.loading-card p,.error-card p{color:var(--text-secondary);margin:1rem 0}.error-card h2{color:var(--navy-blue);margin-bottom:1rem}@media (max-width: 768px){.category-cards{grid-template-columns:1fr;gap:1.5rem}.category-card{height:300px}.category-overlay h3{font-size:1.5rem}.services-preview{padding:1.5rem 1rem}.services-preview h4{font-size:1.1rem}.services-preview li{font-size:.9rem;padding:.5rem 0}}@media (max-width: 480px){.category-card{height:250px}.category-overlay{padding:1.5rem 1rem}.category-overlay h3{font-size:1.25rem}.category-desc{font-size:.85rem}.services-preview h4{font-size:1rem}.services-preview li{font-size:.85rem}}.pricing-info-banner{background:linear-gradient(135deg,#fff3cd,#ffe8a1);border:2px solid #ffc107;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #ffc10733}.pricing-banner-content{display:flex;align-items:center;gap:1rem}.pricing-banner-content i{color:#ffc107;font-size:2rem;flex-shrink:0}.pricing-text{flex:1}.pricing-text p{color:#856404;font-size:1rem;line-height:1.6;margin:0 0 .5rem}.pricing-text p:last-child{margin-bottom:0}.price-highlight{color:var(--gold);font-size:1.2rem;font-weight:700}.discount-note{font-size:.9rem!important;color:#6c5a00!important;font-style:italic}.laser-time-selection{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:12px}.laser-time-selection h3{color:var(--navy-blue);font-size:1.3rem;margin-bottom:1.5rem}.laser-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.laser-time-preview{margin-top:2rem;padding:1.5rem;background-color:#fff;border:2px solid var(--gold);border-radius:8px}.laser-time-preview .preview-info{font-size:1.1rem;margin-bottom:1rem;line-height:1.8;color:var(--navy-blue)}.laser-time-preview .btn-primary{width:100%;margin-top:1rem}.skin-time-selection{margin-top:2rem}.skin-time-selection h3{color:var(--navy-blue);font-size:1.3rem;margin-bottom:1.5rem}.admin-custom-time{margin-top:2rem;padding:1.5rem;background-color:#fff3cd;border:2px dashed #ffc107;border-radius:12px}.custom-time-toggle{margin-bottom:1rem}.custom-time-toggle label{font-size:1.1rem;font-weight:600;color:#856404;cursor:pointer;display:flex;align-items:center;gap:.5rem}.custom-time-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.custom-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.custom-time-inputs .btn-primary{grid-column:1 / -1;margin-top:1rem}@media (max-width: 768px){.laser-time-inputs,.custom-time-inputs{grid-template-columns:1fr}}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.custom-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out;direction:rtl;text-align:right}.custom-modal-header{padding:24px 24px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f0f0}.custom-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.custom-modal-icon.success{background:linear-gradient(135deg,#4caf50,#45a049)}.custom-modal-icon.warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.custom-modal-icon.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.custom-modal-icon.confirm{background:linear-gradient(135deg,#f32121,#d21919)}.custom-modal-icon.info{background:linear-gradient(135deg,#607d8b,#455a64)}.custom-modal-title{margin:0;font-size:20px;font-weight:600;color:#333;flex:1}.custom-modal-body{padding:20px 24px}.custom-modal-message{margin:0;font-size:16px;line-height:1.5;color:#555}.custom-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.custom-modal-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.custom-modal-btn.cancel{background:#f5f5f5;color:#666;border:1px solid #ddd}.custom-modal-btn.cancel:hover{background:#e8e8e8;border-color:#ccc}.custom-modal-btn.confirm{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.custom-modal-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.custom-modal-btn.confirm:active{transform:translateY(0)}.custom-modal-btn.extra-action{background:linear-gradient(135deg,var(--gold) 0%,#b8921f 100%);color:#fff;box-shadow:0 4px 12px #c9a2274d}.custom-modal-btn.extra-action:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c9a22766}.custom-modal-btn.extra-action:active{transform:translateY(0)}@media (max-width: 480px){.custom-modal{width:95%;margin:20px}.custom-modal-header{padding:20px 20px 12px}.custom-modal-body{padding:16px 20px}.custom-modal-footer{padding:12px 20px 20px;flex-direction:column-reverse}.custom-modal-btn{width:100%}.custom-modal-icon{width:40px;height:40px;font-size:20px}.custom-modal-title{font-size:18px}.custom-modal-message{font-size:15px}}.faq-breadcrumb-section{background:var(--white);padding:1rem 0;border-bottom:1px solid var(--border-color)}.breadcrumb-container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.faq-breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;padding:0;font-size:.9rem;font-family:inherit}.faq-breadcrumb-link:hover{color:var(--gold)}.faq-breadcrumb-separator{color:var(--text-secondary);margin:0 .25rem}.faq-breadcrumb-current{color:var(--navy-blue);font-weight:600}.faq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.faq-loading p{color:var(--text-secondary);font-size:1.1rem;margin:0}.faq-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.faq-error i{font-size:3rem;color:var(--gold)}.faq-error p{color:var(--text-secondary);font-size:1.1rem;margin:0}.faq-error .btn{margin-top:1rem}.faq-categories{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:2rem 1rem}.faq-category-container{background:var(--white);border-radius:16px;box-shadow:0 8px 24px #07162614,0 2px 8px #0716260f;border:1px solid rgba(184,146,31,.12);overflow:hidden;transition:all .3s ease}.faq-category-container.active{border-color:var(--gold);box-shadow:0 12px 32px #b8921f1f}.faq-category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;font-size:1.5rem;font-weight:700;text-align:right;transition:all .3s ease}.faq-category-header span:first-child{position:relative;padding-right:2rem}.faq-category-header span:first-child:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:var(--gold);border-radius:50%;opacity:.3;transition:all .3s ease}.faq-category-container.active .faq-category-header span:first-child:before{opacity:1}.faq-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:4rem 0}.faq-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.faq-page .page-header p{font-size:1.25rem;opacity:.9}.faq-controls{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);margin-bottom:2rem}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-btn{padding:10px 20px;background-color:#f9f8f7;color:var(--charcoal);border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem}.category-btn:hover{border-color:var(--gold);background-color:var(--white)}.category-btn.active{background-color:var(--gold);color:var(--white);border-color:var(--gold)}.faq-list{max-width:800px;margin:0 auto;padding:.3rem 0}.faq-item{background-color:var(--white);margin-bottom:0;transition:all .3s ease;position:relative;padding:.5rem 0}.faq-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:10%;right:10%;border-bottom:2px dashed rgba(184,146,31,.2)}.faq-item.active{background-color:#b8921f0d}.faq-question{width:100%;padding:1.5rem 2rem;background-color:#fff;border:none;text-align:right;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background-color:#f9f8f7}.faq-item.active .faq-question{background-color:var(--navy-blue);color:var(--white)}.question-text{font-size:1.125rem;font-weight:600;color:var(--navy-blue);flex:1;text-align:right}.faq-item.active .question-text{color:var(--white)}.question-icon{font-size:1.5rem;font-weight:700;color:var(--gold);margin-right:1rem;transition:transform .3s ease}.faq-item.active .question-icon{color:var(--gold);transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#f9f8f7}.faq-item.active .faq-answer{max-height:300px;border-top:2px solid var(--border-color)}.faq-answer p{padding:2rem;margin:0;color:var(--charcoal);line-height:1.7;font-size:1rem}.no-results{text-align:center;padding:3rem 2rem;background-color:var(--white);border:2px solid var(--border-color)}.no-results h3{color:var(--navy-blue);margin-bottom:1rem}.no-results p{color:var(--charcoal);opacity:.8}.faq-contact{background-color:#f9f8f7}.contact-content{text-align:center;margin-bottom:3rem}.contact-content h2{color:var(--navy-blue);margin-bottom:1rem}.contact-content p{font-size:1.125rem;color:var(--charcoal);opacity:.8;margin-bottom:3rem}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.contact-option{background-color:var(--white);padding:2.5rem 2rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease}.contact-option:hover{border-color:var(--gold);transform:translateY(-5px)}.contact-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.contact-option h3{color:var(--navy-blue);margin-bottom:1rem}.contact-option p{color:var(--gold);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-option span{color:var(--charcoal);font-size:.9rem;opacity:.8;margin-bottom:1.5rem;display:block}.chat-btn{padding:10px 20px;font-weight:600;margin-top:1rem}.quick-tips{background-color:var(--white)}.quick-tips h2{text-align:center;color:var(--navy-blue);margin-bottom:2rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tip-card{background-color:#f9f8f7;padding:2rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease}.tip-card:hover{border-color:var(--gold);background-color:var(--white);transform:translateY(-5px)}.tip-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.tip-card h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.25rem}.tip-card p{color:var(--charcoal);opacity:.8;line-height:1.6;font-size:.95rem}@media (max-width: 480px){.faq-category-header{padding:1rem 1.25rem;font-size:1.125rem}.faq-controls{padding:1rem}.faq-answer p{padding:1rem;font-size:.9rem}.contact-content p{font-size:1rem}.tips-grid{grid-template-columns:1fr}.tip-card{padding:1.25rem}.tip-card h3{font-size:1.125rem}.tip-card p{font-size:.9rem}}@media (max-width: 768px){.faq-categories{padding:1rem}.faq-category-header{padding:1.25rem 1.5rem;font-size:1.25rem}.faq-category-header span:first-child{padding-right:1.5rem}.faq-category-header span:first-child:before{width:1rem;height:1rem}.faq-page .page-header h1{font-size:2rem}.faq-page .page-header p{font-size:1.125rem}.faq-controls{padding:1.5rem}.search-box{margin-bottom:1.5rem}.search-input{padding:12px 45px 12px 15px}.category-filter{flex-direction:column;align-items:center}.category-btn{width:200px}.faq-question{padding:1rem 1.25rem;gap:1rem;text-align:center}.question-text{font-size:.95rem}.question-icon{margin-right:0}.contact-option{padding:2rem 1.5rem}.tip-card{padding:1.5rem}}@media (max-width: 968px){.category-filter{gap:.5rem}.category-btn{padding:8px 16px;font-size:.85rem}.faq-question{padding:1.25rem 1.5rem}.question-text{font-size:1rem}.faq-answer p{padding:1.5rem}.contact-options{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.profile-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:4rem 0}.profile-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.profile-page .page-header p{font-size:1.25rem;opacity:.9}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);text-align:center}.profile-avatar{margin-bottom:1.5rem;position:relative;display:inline-block}.profile-avatar img{width:120px;height:120px;object-fit:cover;border:4px solid var(--gold);margin:0 auto;border-radius:50%;transition:filter .3s ease}.profile-avatar:hover img{filter:brightness(.8)}.avatar-upload-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;border-radius:50%}.avatar-upload-btn.uploading{cursor:not-allowed;opacity:.7}.upload-icon,.upload-spinner{font-size:16px;color:var(--white)}.upload-spinner{animation:spin 1s linear infinite}.profile-card h3{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.5rem}.profile-card p{color:var(--charcoal);opacity:.8;margin-bottom:1.5rem}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--gold);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--charcoal);opacity:.8}.profile-nav{background-color:var(--white);border:2px solid var(--border-color)}.nav-item{width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:600;color:var(--charcoal);border-bottom:1px solid var(--border-color)}.nav-item:last-child{border-bottom:none}.nav-item:hover{background-color:#f9f8f7;color:var(--navy-blue)}.nav-item.active{background-color:var(--gold);color:var(--white)}.nav-item.active .nav-icon,.nav-item.active .fas,.nav-item.active .far,.nav-item.active .fab{color:var(--white)}.nav-icon{font-size:1.25rem;color:var(--navy-blue)}.profile-main{background-color:var(--white);border:2px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#f9f8f7;padding:1.5rem;border:2px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card .stat-icon{font-size:2rem;flex-shrink:0;color:var(--navy-blue)}.stat-card .stat-info h3{font-size:1.5rem;font-weight:700;color:var(--navy-blue);margin-bottom:.25rem}.stat-card .stat-info p{color:var(--charcoal);opacity:.8;margin:0}.next-appointment{margin-bottom:2rem}.next-appointment h3{color:var(--navy-blue);margin-bottom:1rem}.appointment-card{background-color:#f9f8f7;padding:1.5rem;border:2px solid var(--gold);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.appointment-info h4{color:var(--navy-blue);margin-bottom:.5rem}.appointment-info p{color:var(--charcoal);margin-bottom:1rem}.appointment-meta{display:flex;gap:1rem}.appointment-meta span{color:var(--charcoal);font-size:.9rem;opacity:.8}.appointment-actions{display:flex;gap:.75rem}.appointment-actions button{padding:8px 16px;font-size:.9rem}.loyalty-section h3{color:var(--navy-blue);margin-bottom:1rem}.loyalty-card{background-color:var(--white);padding:2rem;border:2px solid var(--border-color)}.loyalty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.loyalty-header h4{color:var(--navy-blue);margin:0}.points{font-size:1.5rem;font-weight:700;color:var(--gold)}.loyalty-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:10px;background-color:var(--border-color);margin-bottom:.5rem;overflow:hidden}.progress-fill{height:100%;background-color:var(--gold);transition:width .3s ease}.loyalty-progress p{color:var(--charcoal);opacity:.8;font-size:.9rem;margin:0}.loyalty-benefits{display:flex;gap:1rem;justify-content:center}.benefit{text-align:center;padding:1rem;background-color:var(--white);border:2px solid var(--border-color);flex:1}.benefit-points{display:block;font-weight:700;color:var(--navy-blue);margin-bottom:.25rem}.benefit-reward{font-size:.875rem;color:var(--gold);font-weight:600}.appointments-list,.history-list{display:flex;flex-direction:column;gap:1.5rem}.appointment-item,.history-item{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);transition:all .3s ease}.appointment-item:hover,.history-item:hover{border-color:var(--gold)}.appointment-header,.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.appointment-header h4,.history-header h4{color:var(--navy-blue);margin:0}.status{padding:4px 12px;font-size:.875rem;font-weight:600;color:var(--white)}.appointment-details,.history-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-row .label{color:var(--charcoal);font-weight:600}.detail-row .value{color:var(--navy-blue)}.appointment-actions{display:flex;gap:.75rem;justify-content:flex-end}.action-btn{padding:6px 12px;border:1px solid var(--border-color);background-color:var(--white);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease}.action-btn.cancel{color:#dc3545;border-color:#dc3545}.action-btn.cancel:hover{background-color:#dc3545;color:var(--white)}.action-btn.details{color:var(--navy-blue);border-color:var(--navy-blue)}.action-btn.details:hover{background-color:var(--navy-blue);color:var(--white)}.history-header .date{color:var(--gold);font-weight:600}.rating{margin-top:.5rem;color:var(--charcoal)}.feedback{margin-top:.5rem;font-style:italic;color:var(--charcoal);opacity:.8}.customer-notes{margin-top:1rem;padding:.75rem;background-color:#f8f9fa;border-left:3px solid var(--gold);border-radius:4px}.customer-notes strong{color:var(--navy-blue);font-size:.9rem;display:block;margin-bottom:.5rem}.customer-notes p{margin:0;color:var(--charcoal);font-size:.9rem;line-height:1.4}.settings-section{background-color:#f9f8f7}.info-note{display:flex;align-items:center;gap:.75rem;background-color:#e3f2fd;padding:1rem 1.25rem;border-radius:8px;border-right:4px solid #2196f3;margin-bottom:2rem;color:#1565c0;font-size:.95rem;line-height:1.5}.info-note svg{flex-shrink:0;color:#2196f3}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-header h3{color:var(--navy-blue);margin:0}.edit-actions{display:flex;gap:.75rem}.edit-actions button{padding:8px 16px;font-size:.9rem}.settings-form{display:grid}.settings-form .form-group{background-color:var(--white)}.settings-form .form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--navy-blue)}.settings-form .form-input,.settings-form .form-select,.settings-form .form-textarea{width:100%;padding:10px 12px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl}.settings-form .form-input:focus,.settings-form .form-select:focus,.settings-form .form-textarea:focus{outline:none;border-color:var(--gold)}.form-value{width:100%;padding:10px 12px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl}.settings-form small{color:var(--charcoal);opacity:.6;font-size:.875rem;margin-top:.25rem;display:block}.empty-state{text-align:center;padding:3rem 2rem;background-color:#f9f8f7;border:2px solid var(--border-color)}.empty-state h3{color:var(--navy-blue);margin-bottom:1rem}.empty-state p{color:var(--charcoal);opacity:.8;margin-bottom:2rem}.empty-state button{padding:12px 24px;font-weight:600}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr;gap:1.5rem}.profile-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-nav{display:grid;grid-template-columns:repeat(1,1fr)}.nav-item{padding:1rem;text-align:center;flex-direction:column;gap:.5rem;font-size:.875rem}}@media (max-width: 768px){.profile-page .page-header h1{font-size:2rem}.profile-page .page-header p{font-size:1.125rem}.tab-content{padding:1.5rem}.profile-sidebar{grid-template-columns:1fr}.profile-nav,.stats-grid{grid-template-columns:repeat(2,1fr)}.appointment-card{flex-direction:column;gap:1rem;align-items:stretch}.appointment-meta{flex-direction:column;gap:.5rem}.profile-section-header{flex-direction:column;gap:1rem;align-items:stretch}.loyalty-benefits{flex-direction:column}.appointment-actions{justify-content:center;flex-wrap:wrap}.consultations-section{margin-top:2rem;padding-top:1.5rem}.consultations-section h3{font-size:1.3rem}.consultation-card .appointment-header{margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.consultation-card .appointment-header h4{font-size:1.1rem}}@media (max-width: 480px){.tab-content{padding:1rem}.profile-card{padding:1.5rem}.profile-avatar img{width:100px;height:100px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-nav{grid-template-columns:1fr 1fr}.nav-item{flex-direction:row;text-align:right}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:1rem}.loyalty-card{padding:1.5rem}.appointment-item,.history-item{padding:1rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .label,.detail-row .value{font-size:.9rem}.consultations-section{margin-top:1.5rem;padding-top:1rem}.consultations-section h3{font-size:1.2rem}.consultation-card{padding:1rem}.consultation-card .appointment-header{margin:-1rem -1rem 1rem;padding:.875rem 1rem}.consultation-card .appointment-header h4{font-size:1rem}.consultation-card .detail-row{padding:.6rem;gap:.5rem}.consultation-card .detail-row i{font-size:1rem}.consultation-card .detail-row span{font-size:.875rem}.consultation-card .action-btn{padding:8px 16px;font-size:.85rem;flex:1}.empty-state-small{padding:1.5rem 1rem}.empty-state-small p{font-size:1rem}.empty-state-small .btn-secondary{padding:10px 20px;font-size:.9rem;width:100%;justify-content:center}}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{background-color:var(--navy-blue);transform:none}.loading-card p{color:var(--text-secondary);margin:1rem 0}.consultations-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.consultations-section h3{color:var(--navy-blue);font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.consultations-section h3:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.5rem;color:var(--gold)}.consultation-card{background:linear-gradient(135deg,#fff,#f9f8f7);border:2px solid var(--gold);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:visible;margin-bottom:1.5rem}.consultation-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #daa52033;border-color:var(--navy-blue)}.consultation-card .appointment-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);margin:-1.5rem -1.5rem 1.5rem;padding:1.25rem 1.5rem;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.consultation-card .appointment-header h4{color:var(--white);font-size:1.2rem;margin:0;display:flex;align-items:center;gap:.75rem}.consultation-card .appointment-header h4:before{content:"";font-family:"Font Awesome 5 Free";font-weight:400;font-size:1.1rem}.consultation-card .status{background-color:#ffffffe6;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.consultation-card .status.confirmed{color:#28a745;border:2px solid #28a745;background-color:#d4edda}.consultation-card .status.pending{color:#856404;border:2px solid #ffc107;background-color:#fff3cd}.consultation-card .appointment-details{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem}.consultation-card .detail-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fffc;border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.consultation-card .detail-row:hover{background-color:#daa5200d;border-color:var(--gold);transform:translate(-3px)}.consultation-card .detail-row i{font-size:1.1rem;color:var(--gold);width:22px;text-align:center;flex-shrink:0}.consultation-card .detail-row span{color:var(--navy-blue);font-weight:500;font-size:.95rem;flex:1}.consultation-card .appointment-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:.5rem}.consultation-card .action-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.consultation-card .action-btn.cancel{background-color:#fff;color:#dc3545;border:2px solid #dc3545}.consultation-card .action-btn.cancel:hover{background-color:#dc3545;color:var(--white);transform:scale(1.05)}.consultation-card .action-btn.cancel i{font-size:.9rem}.empty-state-small{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#f9f8f7,#fff);border:2px dashed var(--border-color);border-radius:12px;transition:all .3s ease}.empty-state-small:hover{border-color:var(--gold);background:linear-gradient(135deg,#fff,#f9f8f7)}.empty-state-small p{color:var(--charcoal);font-size:1.1rem;margin-bottom:1.5rem;opacity:.8}.empty-state-small .btn-secondary{padding:12px 28px;background-color:var(--gold);color:var(--white);border:2px solid var(--gold);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.empty-state-small .btn-secondary i{font-size:1.1rem}.empty-state-small .btn-secondary:hover{background-color:var(--navy-blue);border-color:var(--navy-blue);transform:translateY(-2px);box-shadow:0 4px 15px #0f2a5a4d}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.order-card:hover{border-color:var(--navy-blue);box-shadow:0 4px 20px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.order-info h3{color:var(--navy-blue);font-size:1.25rem;margin-bottom:.5rem}.order-date{color:var(--text-secondary);font-size:.9rem}.order-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.order-status.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.order-status.confirmed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.order-status.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.order-status.delivered{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.order-details{display:grid;gap:1.5rem}.delivery-info p{margin-bottom:.5rem;color:var(--text-primary)}.delivery-info strong{color:var(--navy-blue)}.order-items h4{color:var(--navy-blue);margin-bottom:1rem;font-size:1.1rem}.order-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem;background-color:var(--background-light);border-radius:8px;margin-bottom:.5rem;align-items:center}.order-item span:first-child{color:var(--text-primary);font-weight:500}.order-item span:nth-child(2){color:var(--text-secondary);font-size:.9rem}.order-item span:last-child{color:var(--navy-blue);font-weight:600}.order-total{background-color:var(--background-light);padding:1rem;border-radius:8px}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--text-primary)}.total-row.final-total{border-top:1px solid var(--border-color);padding-top:.5rem;margin-top:.5rem;font-weight:600;font-size:1.1rem;color:var(--navy-blue)}.order-note{background-color:#e3f2fd;padding:1rem;border-radius:8px;border-left:4px solid var(--navy-blue)}.order-note p{margin:0;color:var(--text-primary)}.order-note strong{color:var(--navy-blue)}.login-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:4rem 0}.login-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.login-page .page-header p{font-size:1.25rem;opacity:.9}.login-page-layout{display:flex;justify-content:center;align-items:start;max-width:1200px;margin:0 auto}.login-page-form-container{width:100%;max-width:500px}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-header h2{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.75rem}.login-form-header p{color:var(--charcoal);opacity:.8}.login-error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border:1px solid #f5c6cb;margin-bottom:1.5rem;text-align:center;font-weight:600}.login-page-form{margin-bottom:2rem}.login-form-group{margin-bottom:1.5rem}.login-form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy-blue)}.login-form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;transition:all .3s ease}.login-form-input:focus{outline:none;border-color:var(--gold);background-color:#f9f8f7}.login-form-input.error{border-color:#dc3545;background-color:#fff5f5}.login-form-input:disabled{background-color:var(--light-gray);opacity:.7;cursor:not-allowed}.login-field-error{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem;font-weight:600}.login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.login-remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--charcoal);font-size:.9rem}.login-remember-me input{width:16px;height:16px;accent-color:var(--gold)}.login-forgot-password{background:none;border:none;color:var(--gold);cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.login-forgot-password:hover{color:var(--navy-blue)}.login-btn-form{width:100%;padding:15px;font-size:1.125rem;font-weight:700;transition:all .3s ease;background-color:var(--navy-blue);color:var(--white);border:2px solid var(--navy-blue)}.login-btn-form:hover:not(:disabled):not(.loading){background-color:transparent;color:var(--navy-blue);border-color:var(--navy-blue)}.login-btn-form.loading{opacity:.7;cursor:not-allowed;transform:none}.login-btn-form:disabled{opacity:.7;cursor:not-allowed}.login-form-footer{text-align:center;padding-top:1rem;border-top:2px solid var(--border-color)}.login-form-footer p{color:var(--charcoal);margin-bottom:1rem}.login-register-link{background:none;border:none;color:var(--gold);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.login-register-link:hover{color:var(--gold)}.login-benefits{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.login-benefits:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.login-benefits .why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem}.login-benefits .why-heading h2{color:var(--white);margin-bottom:.75rem}.login-benefits .why-heading p{color:#ffffffe6}.login-benefits .why-points ul{margin:0;padding:0 1rem 0 0;list-style:none}.login-benefits .why-points li{position:relative;padding:.5rem 2rem .5rem 0;margin-bottom:.5rem;color:#fffffff2}.login-benefits .why-points li:before{content:"✓";position:absolute;right:0;top:.2rem;font-size:1.25rem;color:var(--gold)}.login-demo-section{background-color:var(--white);padding:2rem;border:2px solid var(--gold);margin-top:2rem;text-align:center}.login-demo-section h3{color:var(--navy-blue);margin-bottom:.5rem}.login-demo-section p{color:var(--charcoal);opacity:.8;margin-bottom:2rem}.login-demo-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.login-demo-btn{padding:1.5rem 1rem;border:2px solid var(--border-color);background-color:#f9f8f7;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:600;color:var(--navy-blue)}.login-demo-btn:hover{transform:translateY(-3px)}.login-demo-btn span{font-size:.8rem;color:var(--charcoal);opacity:.7;font-weight:400}.login-customer-demo:hover{border-color:#28a745;background-color:#28a745;color:var(--white)}.login-staff-demo:hover{border-color:#17a2b8;background-color:#17a2b8;color:var(--white)}.login-admin-demo:hover{border-color:#dc3545;background-color:#dc3545;color:var(--white)}.login-demo-btn:hover span{color:var(--white);opacity:.9}@media (max-width: 968px){.login-page-layout{padding:0 1rem}.login-demo-buttons{grid-template-columns:1fr}}@media (max-width: 768px){.login-page .page-header h1{font-size:2rem}.login-page .page-header p{font-size:1.125rem}.login-page-form-container{max-width:450px}.login-benefits .why-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.login-form-header h2{font-size:1.5rem}.login-form-options{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.login-demo-section{padding:1.5rem}}@media (max-width: 480px){.login-page-form-container{max-width:100%}.login-form-header h2{font-size:1.25rem}.login-demo-btn{padding:1.25rem .75rem}.login-demo-section{padding:1rem}}.register-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:4rem 0}.register-page .page-header h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.register-page .page-header p{font-size:1.25rem;opacity:.9}.register-layout{display:flex;justify-content:center;align-items:start;max-width:1200px;margin:0 auto}.register-form-container{width:100%;max-width:800px}.register-form-container .form-header{text-align:center;margin-bottom:2.5rem}.register-form-container .form-header h2{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.75rem}.register-form-container .form-header p{color:var(--charcoal);opacity:.8}.form-section{margin-bottom:2.5rem;padding:1.5rem;background-color:var(--white);border:2px solid var(--border-color)}.form-section h3{color:var(--navy-blue);margin-bottom:1.5rem;font-size:1.25rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.register-form .form-group{margin-bottom:1.5rem}.register-form .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy-blue)}.register-form .form-input,.register-form .form-select,.register-form .form-textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;transition:all .3s ease}.register-form .form-input:focus,.register-form .form-select:focus,.register-form .form-textarea:focus{outline:none;border-color:var(--gold);background-color:#f9f8f7}.register-form .form-input.error,.register-form .form-select.error,.register-form .form-textarea.error{border-color:#dc3545;background-color:#fff5f5}.register-form .form-input:disabled,.register-form .form-select:disabled,.register-form .form-textarea:disabled{background-color:var(--light-gray);opacity:.7;cursor:not-allowed}.register-form .field-error{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem;font-weight:600}.register-form .field-hint{display:block;color:#6c757d;font-size:.8rem;margin-top:.25rem;font-style:italic}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;position:relative;padding-right:2rem}.terms-checkbox.error{color:#dc3545}.terms-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;right:0;top:2px;height:20px;width:20px;background-color:var(--white);border:2px solid var(--border-color);transition:all .3s ease}.terms-checkbox input:checked~.checkmark{background-color:var(--gold);border-color:var(--gold)}.checkmark:after{content:"";position:absolute;display:none}.terms-checkbox input:checked~.checkmark:after{display:block}.terms-checkbox .checkmark:after{right:5px;width:5px;height:10px;border:solid var(--white);border-width:0 3px 3px 0;transform:rotate(45deg)}.terms-text{line-height:1.5;font-size:.9rem}.terms-link{background:none;border:none;color:var(--gold);text-decoration:underline;cursor:pointer;font-weight:600;padding:0;margin:0 .25rem;transition:color .3s ease}.terms-link:hover{color:var(--navy-blue)}.register-btn-form{width:50%;padding:15px;font-size:1.125rem;font-weight:700;transition:all .3s ease;background-color:var(--navy-blue);color:var(--white);border:2px solid var(--navy-blue);margin:0 auto;display:block}.register-btn-form:hover:not(:disabled):not(.loading){background-color:transparent;color:var(--navy-blue);border-color:var(--navy-blue)}.register-btn-form.loading{opacity:.7;cursor:not-allowed;transform:none}.register-btn-form:disabled{opacity:.7;cursor:not-allowed}.register-form-container .form-footer{text-align:center;padding-top:2rem}.register-form-container .form-footer p{color:var(--charcoal);margin-bottom:1rem}.login-link{background:none;border:none;color:var(--gold);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.login-link:hover{color:var(--gold)}.register-benefits{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);position:relative}.register-benefits:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold) 80%,transparent 100%);box-shadow:0 2px 8px #b8921f4d}.register-benefits .why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem}.register-benefits .why-heading h2{color:var(--white);margin-bottom:.75rem}.register-benefits .why-heading p{color:#ffffffe6}.register-benefits .why-points ul{margin:0;padding:0 1rem 0 0;list-style:none}.register-benefits .why-points li{position:relative;padding:.5rem 2rem .5rem 0;margin-bottom:.5rem;color:#fffffff2}.register-benefits .why-points li:before{content:"✓";position:absolute;right:0;top:.2rem;font-size:1.25rem;color:var(--gold)}@media (max-width: 1024px){.register-layout{padding:0 1rem}.register-benefits .why-grid{grid-template-columns:1fr;gap:2rem;text-align:center}}@media (max-width: 768px){.register-page .page-header h1{font-size:2rem}.register-page .page-header p{font-size:1.125rem}.register-form-container{max-width:700px}.form-section{padding:1.25rem}.form-row{grid-template-columns:1fr;gap:0}}@media (max-width: 480px){.register-form-container{max-width:100%}.form-section{padding:1rem;margin-bottom:1.5rem}.form-section h3{font-size:1.125rem}.register-form-container .form-header h2{font-size:1.5rem}.terms-checkbox{padding-right:1.5rem}.terms-text{font-size:.85rem}}.reset-password-page{width:100%;overflow-x:hidden;background-color:#f9f8f7}.reset-password-layout{display:flex;justify-content:center;align-items:start;max-width:1200px;margin:0 auto;padding:3rem 0}.reset-password-form-container{width:100%;max-width:500px;background-color:var(--white);padding:3rem;border:2px solid var(--border-color);box-shadow:0 4px 20px #00000014}.reset-form-header{text-align:center;margin-bottom:2rem}.reset-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.reset-icon svg{color:var(--gold)}.reset-form-header h2{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.75rem}.reset-form-header p{color:var(--charcoal);opacity:.8;line-height:1.6}.reset-error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:600}.reset-success-message{background-color:#d4edda;color:#155724;padding:1rem;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.reset-success-message i{font-size:1.25rem}.reset-password-form{margin-bottom:2rem}.reset-form-group{margin-bottom:1.5rem}.reset-form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--navy-blue)}.reset-form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;transition:all .3s ease}.reset-form-input:focus{outline:none;border-color:var(--gold);background-color:#f9f8f7}.reset-form-input.error{border-color:#dc3545;background-color:#fff5f5}.reset-field-error{display:block;color:#dc3545;font-size:.875rem;margin-top:.5rem}.reset-btn-form{width:100%;padding:14px;font-size:1.1rem;font-weight:600;transition:all .3s ease}.reset-btn-form:disabled{opacity:.6;cursor:not-allowed}.reset-btn-form.loading{position:relative}.reset-form-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.reset-form-footer p{color:var(--charcoal);font-size:.95rem}.reset-login-link{background:none;border:none;color:var(--gold);font-weight:600;cursor:pointer;text-decoration:underline;transition:opacity .3s ease;font-size:.95rem}.reset-login-link:hover{opacity:.8}.reset-info-section{background-color:var(--white);padding:4rem 0}.reset-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.reset-info-item{text-align:center;padding:2rem;background-color:#f9f8f7;border:2px solid var(--border-color);border-radius:8px;transition:all .3s ease}.reset-info-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a;border-color:var(--gold)}.reset-info-icon{display:flex;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;background-color:var(--gold);color:var(--white);border-radius:50%;font-size:1.75rem}.reset-info-item h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.25rem}.reset-info-item p{color:var(--charcoal);opacity:.8;line-height:1.6}@media (max-width: 768px){.reset-password-layout{padding:2rem 1rem}.reset-password-form-container{padding:2rem 1.5rem}.reset-form-header h2{font-size:1.5rem}.reset-info-grid{grid-template-columns:1fr;gap:1.5rem}.reset-info-item{padding:1.5rem}}.admin-breadcrumb-section{background:var(--white);padding:1rem 0;margin-bottom:0;border-bottom:1px solid var(--border-color)}.admin-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.admin-breadcrumb-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;padding:0;font-size:.9rem;font-family:inherit}.admin-breadcrumb-item:hover{color:var(--navy-blue)}.admin-breadcrumb-item.active{color:var(--navy-blue);font-weight:600;cursor:default}.admin-breadcrumb-separator{color:var(--text-secondary);margin:0 .25rem}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p,.error-state p,.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1rem}.error-state i,.empty-state i{font-size:3rem;color:var(--gold);margin-bottom:1rem}.admin-dashboard .tab-header .overview-actions{display:flex;gap:.5rem;align-items:center}.admin-dashboard .timeframe-select{padding:8px 12px;border:2px solid var(--border-color);background-color:var(--white);color:var(--charcoal);font-weight:600;border-radius:4px}.admin-dashboard .timeframe-select:focus{outline:none;border-color:var(--navy-blue)}.action-icon{font-size:1.25rem;color:var(--navy-blue)}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start;padding-top:2rem}.dashboard-nav{background-color:var(--white);border:2px solid var(--border-color)}.dashboard-nav .nav-item{width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:600;color:var(--charcoal);border-bottom:1px solid var(--border-color)}.dashboard-nav .nav-item:last-child{border-bottom:none}.dashboard-nav .nav-item:hover{background-color:#f9f8f7;color:var(--navy-blue)}.dashboard-nav .nav-item.active{background-color:var(--navy-blue);color:var(--white)}.dashboard-nav .nav-item.active .nav-icon,.dashboard-nav .nav-item.active .fas,.dashboard-nav .nav-item.active .far,.dashboard-nav .nav-item.active .fab{color:var(--white)}.dashboard-nav .nav-icon{font-size:1.25rem;color:var(--navy-blue)}.dashboard-main{background-color:var(--white);border:2px solid var(--border-color);min-height:600px;margin-bottom:1rem}.tab-content{padding:2rem}.tab-content h2{color:var(--navy-blue);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.tab-header h2{margin:0;padding:0;border:none;font-size:1.3rem}.tab-actions{display:flex;gap:.5rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:var(--gold);transform:translateY(-3px)}.stat-card.revenue{border-color:#28a745}.stat-card.appointments{border-color:#17a2b8}.stat-card.customers{border-color:#ffc107}.stat-card.completion{border-color:var(--navy-blue)}.stat-icon{font-size:2.5rem;flex-shrink:0;color:var(--navy-blue)}.stat-info h3{font-size:2rem;font-weight:700;color:var(--navy-blue);margin-bottom:.25rem}.stat-info p{color:var(--charcoal);margin-bottom:.5rem;font-weight:600}.stat-change{font-size:.875rem;font-weight:600}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.today-overview{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);margin-bottom:2rem}.today-overview h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.today-item{text-align:center;background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color)}.today-number{display:block;font-size:2rem;font-weight:700;color:var(--gold);margin-bottom:.5rem}.today-label{color:var(--charcoal);font-weight:600}.quick-actions{margin-bottom:2rem}.quick-actions h3{color:var(--navy-blue);margin-bottom:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.action-card:hover{border-color:var(--gold);background-color:var(--white);transform:translateY(-3px)}.action-icon{font-size:2rem}.action-text{font-weight:600;color:var(--navy-blue)}.recent-activity h3{color:var(--navy-blue);margin-bottom:1.5rem}.activity-list{background-color:var(--white);border:2px solid var(--border-color)}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-info h4{color:var(--navy-blue);margin-bottom:.25rem;font-size:1rem}.activity-info p{color:var(--charcoal);margin-bottom:.25rem;font-size:.9rem}.activity-time{font-size:.8rem;color:var(--charcoal);opacity:.7}.activity-status{padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--white)}.activity-status.confirmed{background-color:#28a745}.activity-status.pending{background-color:#ffc107;color:var(--charcoal)}.activity-status.completed{background-color:var(--navy-blue)}.activity-status.cancelled{background-color:#dc3545}.appointments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.appointments-stats .stat-box{background:var(--white);border:2px solid var(--border-color);border-radius:8px;padding:1.25rem;text-align:center;transition:all .3s ease}.appointments-stats .stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appointments-stats .stat-value{font-size:1.8rem;font-weight:700;color:var(--navy-blue);margin-bottom:.5rem}.appointments-stats .stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.appointments-stats .stat-box.pending{border-color:#f39c12}.appointments-stats .stat-box.pending .stat-value{color:#f39c12}.appointments-stats .stat-box.confirmed{border-color:#3498db}.appointments-stats .stat-box.confirmed .stat-value{color:#3498db}.appointments-stats .stat-box.completed{border-color:#27ae60}.appointments-stats .stat-box.completed .stat-value{color:#27ae60}.appointments-stats .stat-box.cancelled{border-color:#e74c3c}.appointments-stats .stat-box.cancelled .stat-value{color:#e74c3c}.appointments-stats .stat-box.revenue{border-color:var(--gold)}.appointments-stats .stat-box.revenue .stat-value{color:var(--gold);font-size:1.5rem}.appointments-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--white);border:2px solid var(--border-color)}.filter-select,.filter-date,.filter-search{padding:8px 12px;border:2px solid var(--border-color);background-color:var(--white);font-size:.9rem}.filter-search{flex:1;direction:rtl}.filter-select:focus,.filter-date:focus,.filter-search:focus{outline:none;border-color:var(--gold)}.services-filters,.products-filters,.customers-filters,.staff-filters,.appointments-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--light-gray);border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap;align-items:center}.services-filters .filter-select,.services-filters .filter-search,.products-filters .filter-select,.products-filters .filter-search,.customers-filters .filter-select,.customers-filters .filter-search,.staff-filters .filter-select,.staff-filters .filter-search,.appointments-filters .filter-select,.appointments-filters .filter-date,.appointments-filters .filter-search{min-width:200px;border-radius:6px;transition:all .3s ease}.services-filters .filter-search,.products-filters .filter-search,.customers-filters .filter-search,.staff-filters .filter-search,.appointments-filters .filter-search{flex:1;min-width:250px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;background-color:var(--light-gray);border-radius:8px;border:1px solid var(--border-color)}.pagination-btn{background-color:var(--navy-blue);color:var(--white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;min-width:80px}.pagination-btn:hover:not(:disabled){background-color:var(--gold);transform:translateY(-1px)}.pagination-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-primary)}.pagination-info span{font-weight:500}.results-count{font-size:.8rem;color:var(--text-secondary);font-weight:400!important}@media (max-width: 768px){.services-filters,.products-filters,.customers-filters,.staff-filters,.appointments-filters{flex-direction:column;gap:.75rem}.services-filters .filter-select,.services-filters .filter-search,.products-filters .filter-select,.products-filters .filter-search,.customers-filters .filter-select,.customers-filters .filter-search,.staff-filters .filter-select,.staff-filters .filter-search,.appointments-filters .filter-select,.appointments-filters .filter-date,.appointments-filters .filter-search{width:100%;min-width:unset}.pagination{flex-direction:column;gap:1rem}.pagination-info{order:-1}}.appointments-table,.services-table{width:100%;background-color:var(--white);border:2px solid var(--border-color);overflow-x:auto}.admin-customer-info{display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center}.customer-info strong{color:var(--navy-blue)}.customer-info span{font-size:.875rem;color:var(--charcoal);opacity:.8}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:4px 8px;border:1px solid var(--border-color);background-color:var(--white);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .3s ease;border-radius:20px}.action-btn.edit{color:var(--gold);border-color:var(--gold)}.action-btn.edit:hover{background-color:var(--gold);color:var(--white)}.action-btn.delete{color:#dc3545;border-color:#dc3545}.action-btn.delete:hover{background-color:#dc3545;color:var(--white)}.action-btn.view,.action-btn.stats{color:var(--navy-blue);border-color:var(--navy-blue)}.action-btn.view:hover,.action-btn.stats:hover{background-color:var(--navy-blue);color:var(--white)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;justify-content:start}.customer-card{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);transition:all .3s ease}.customer-card:hover{border-color:var(--gold);transform:translateY(-3px)}.customer-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;align-items:center}.customer-header img{width:60px;height:60px;object-fit:cover;border:2px solid var(--border-color)}.customer-header .customer-info h4{color:var(--navy-blue);margin-bottom:.25rem}.customer-header .customer-info p{color:var(--charcoal);font-size:.875rem;margin:0}.customer-stats{background-color:var(--white);padding:1rem;border:2px solid var(--border-color);margin-bottom:1rem}.customer-stat{display:flex;justify-content:space-between;margin-bottom:.5rem}.customer-stat:last-child{margin-bottom:0}.customer-stat .stat-label{color:var(--charcoal);font-weight:600}.customer-stat .stat-value{color:var(--navy-blue);font-weight:700}.customer-actions .action-btn{flex:1;padding:8px 12px;text-align:center;border-radius:20px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.staff-card{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);transition:all .3s ease}.staff-card:hover{border-color:var(--gold);transform:translateY(-3px)}.staff-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.staff-header img{width:60px;height:60px;object-fit:cover;border:2px solid var(--border-color)}.staff-header .staff-info h4{color:var(--navy-blue);margin-bottom:.25rem}.staff-header .staff-info p{color:var(--gold);font-weight:600;margin-bottom:.25rem;font-size:.9rem}.staff-status{padding:2px 6px;font-size:.75rem;font-weight:600}.staff-status.active{background-color:#28a745;color:var(--white)}.staff-status.inactive{background-color:#dc3545;color:var(--white)}.staff-performance{background-color:var(--white);padding:1rem;border:2px solid var(--border-color);margin-bottom:1rem}.performance-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.performance-item:last-child{margin-bottom:0}.performance-item .perf-label{color:var(--charcoal);font-weight:600}.performance-item .perf-value{color:var(--navy-blue);font-weight:700}.staff-actions{display:flex;gap:.5rem}.staff-actions .action-btn{flex:1;padding:6px 8px;text-align:center;font-size:.8rem}.action-btn.schedule{color:#17a2b8;border-color:#17a2b8}.action-btn.schedule:hover{background-color:#17a2b8;color:var(--white)}.action-btn.performance{color:#28a745;border-color:#28a745}.action-btn.performance:hover{background-color:#28a745;color:var(--white)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.report-card{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);text-align:center}.report-card h3{color:var(--navy-blue);margin-bottom:1.5rem}.chart-placeholder{background-color:var(--white);padding:3rem 2rem;border:2px solid var(--border-color);margin-bottom:1.5rem;color:var(--charcoal);opacity:.7}.services-performance,.staff-performance-report{background-color:var(--white);border:2px solid var(--border-color);text-align:right}.service-perf-item,.staff-perf-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.service-perf-item:last-child,.staff-perf-item:last-child{border-bottom:none}.service-rank,.staff-rank{color:var(--gold);font-weight:700;font-size:1.25rem}.service-name,.staff-name{color:var(--navy-blue);font-weight:600;flex:1;text-align:center}.service-bookings,.staff-revenue{color:var(--charcoal);font-weight:600}.settings-sections{display:grid;gap:2rem;margin-bottom:2rem}.settings-section{background-color:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.settings-section h3{color:var(--navy-blue);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gold);font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.profile-section{display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.profile-avatar{position:relative;flex-shrink:0}.avatar-container{position:relative;width:120px;height:120px}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.profile-avatar:hover .avatar-image{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.avatar-upload-btn{position:absolute;bottom:5px;right:5px;background:var(--navy-blue);color:#fff!important;width:35px;height:35px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 8px #0003;transition:all .3s ease;cursor:pointer;z-index:2}.avatar-upload-btn:hover{background:var(--gold);transform:scale(1.1)}.avatar-upload-btn i{font-size:14px;color:#fff!important}.profile-form{flex:1;display:flex;flex-direction:column;gap:1.5rem}.profile-info{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-edit-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid var(--gold)}.info-item label{color:var(--navy-blue);font-weight:600;display:block;margin-bottom:.5rem}.profile-info-item strong{color:var(--navy-blue);font-weight:600;display:block;margin-bottom:.5rem}.profile-info-item span{color:var(--charcoal);font-size:1rem}.settings-form{display:grid;gap:1.5rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form .form-group label{color:var(--navy-blue);font-weight:600;font-size:1rem;margin-bottom:.25rem}.settings-form .form-input,.settings-form .form-select,.settings-form .form-textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;transition:all .3s ease;font-family:inherit}.settings-form .form-input:focus,.settings-form .form-select:focus,.settings-form .form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #daa5201a;transform:translateY(-1px)}.settings-form .form-textarea{resize:vertical;min-height:100px}.profile-actions,.settings-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-save,.btn-cancel,.btn-edit{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-save{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1543604d}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.btn-edit{background:var(--gold);color:var(--navy-blue)}.btn-edit:hover{background:#b8860b;transform:translateY(-2px);box-shadow:0 4px 15px #daa5204d}.avatar-uploading{opacity:.7;pointer-events:none}.avatar-uploading:after{content:"⏳"}@media (max-width: 768px){.settings-section{padding:1.5rem;margin-bottom:1.5rem}.settings-form .form-group{margin-bottom:1rem}.settings-form .form-input,.settings-form .form-select{font-size:16px}.profile-info,.profile-edit-form{grid-template-columns:1fr}.profile-actions,.settings-actions{flex-direction:column}.profile-avatar img{width:100px;height:100px}.profile-section{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr;gap:1rem}.dashboard-sidebar{position:static}.dashboard-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-nav .nav-item{padding:1rem;text-align:center;flex-direction:column;gap:.5rem;font-size:.875rem}.header-content{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:center}}@media (max-width: 768px){.dashboard-header{padding:1.5rem 0}.header-info h1{font-size:1.75rem}.header-info p{font-size:1rem}.tab-content{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.today-stats{grid-template-columns:1fr 1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.appointments-filters{flex-direction:column}.customers-grid,.staff-grid,.reports-grid{grid-template-columns:1fr}.table-actions,.customer-actions,.staff-actions{flex-direction:column}}@media (max-width: 480px){.tab-content{padding:1rem}.dashboard-nav{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.actions-grid{grid-template-columns:1fr 1fr}.today-overview{padding:1.5rem}.appointments-table,.services-table{font-size:.875rem}.appointments-table th,.services-table th,.appointments-table td,.services-table td{padding:.75rem}}.appointments-table,.services-table{width:100%;background-color:var(--white);border:2px solid var(--border-color);overflow-x:auto;flex-wrap:wrap}.appointments-table table,.services-table table{width:100%;border-collapse:collapse}.appointments-table th,.services-table th,.appointments-table td,.services-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color)}.appointments-table th,.services-table th{background-color:var(--navy-blue);color:var(--white);font-weight:600}@media (max-width: 768px){.appointments-table,.services-table{border:none;overflow-x:visible}.appointments-table table,.services-table table{border:none}.appointments-table thead,.services-table thead{display:none}.appointments-table tbody,.services-table tbody,.appointments-table tr,.services-table tr{display:block}.appointments-table tr,.services-table tr{margin-bottom:1rem;border:2px solid var(--border-color);background-color:var(--white);padding:1rem}.appointments-table tr:last-child,.services-table tr:last-child{margin-bottom:0}.appointments-table td,.services-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);text-align:center}.appointments-table td:last-child,.services-table td:last-child{border-bottom:none}.appointments-table td:before,.services-table td:before{font-weight:600;color:var(--navy-blue);margin-left:1rem;flex-shrink:0}.appointments-table td>*,.services-table td>*{text-align:left}.appointments-table .table-actions,.services-table .table-actions{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.appointments-table .customer-info,.services-table .customer-info{text-align:left}}.categories-section{padding:2rem 0}.admin-form-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:auto}.sub-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.sub-tab{background:none;border:none;padding:12px 24px;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0}.sub-tab:hover{color:var(--navy-blue);background:#d4af370d}.sub-tab.active{color:var(--navy-blue);border-bottom-color:var(--gold);font-weight:600;background:#d4af371a}.sub-tab i{font-size:1rem}.categories-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.categories-section .section-header h3{color:var(--navy-blue);font-size:1.5rem;font-weight:600;margin:0}.categories-section .add-category-btn{background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);color:var(--white);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.categories-section .add-category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.categories-section .add-category-btn i{font-size:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.admin-category-card{background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative}.admin-category-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.category-header h4{color:var(--navy-blue);font-size:1.2rem;font-weight:600;margin:0;flex:1}.category-actions{display:flex;gap:8px;flex-shrink:0}.category-actions .edit-btn,.category-actions .delete-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.category-actions .edit-btn{color:var(--gold);background:#d4af371a}.category-actions .edit-btn:hover{background:#d4af3733;transform:scale(1.1)}.category-actions .delete-btn{color:#ef4444;background:#ef44441a}.category-actions .delete-btn:hover{background:#ef444433;transform:scale(1.1)}.category-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.category-meta{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.category-date{color:var(--text-secondary);font-size:.8rem;font-style:italic}.categories-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.categories-tab{background:none;border:none;padding:12px 24px;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.categories-tab:hover{color:var(--navy-blue)}.categories-tab.active{color:var(--navy-blue);border-bottom-color:var(--gold);font-weight:600}.categories-section .empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.categories-section .empty-state i{font-size:3rem;color:var(--gold);margin-bottom:1rem}.categories-section .empty-state h4{color:var(--navy-blue);font-size:1.2rem;margin:0 0 .5rem}.categories-section .empty-state p{margin:0 0 1.5rem;font-size:.9rem}@media (max-width: 768px){.categories-section .section-header{flex-direction:column;gap:1rem;align-items:stretch}.categories-section .section-header h3{text-align:center}.categories-grid{grid-template-columns:1fr;gap:1rem}.admin-category-card{padding:1rem}.category-header{flex-direction:column;gap:1rem;align-items:stretch}.category-actions{justify-content:center}.categories-tabs{flex-direction:column;gap:0}.categories-tab{text-align:center;border-bottom:1px solid var(--border-color);border-radius:0}.categories-tab.active{background:#d4af371a;border-bottom-color:var(--gold)}}.notes-cell{max-width:150px;font-size:.85rem}.notes-cell span{display:block;word-wrap:break-word;line-height:1.3}.notes-cell .no-notes{color:var(--text-secondary);font-style:italic}.external-links{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.external-link-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);color:var(--white);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;justify-content:flex-start;text-align:right}.external-link-btn:hover{background:linear-gradient(135deg,#d4af37,#b8941f);transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.external-link-btn .nav-icon{font-size:1.1rem}.faq-types-section{background:var(--white);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.faq-types-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.faq-types-header h3{margin:0;color:var(--navy-blue);font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.faq-types-header h3 i{color:var(--primary)}.btn-small{padding:.5rem 1rem;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.faq-drag-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#1565c0;font-size:.9rem}.faq-drag-info i{color:#1976d2;flex-shrink:0}.faq-types-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.empty-types{text-align:center;padding:2rem;color:#666;grid-column:1 / -1}.empty-types i{font-size:3rem;color:var(--border-color);margin-bottom:1rem}.faq-type-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--border-color);border-radius:10px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;cursor:move;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;position:relative}.faq-type-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2b59c326}.faq-type-item:active{cursor:grabbing}.faq-type-item.dragging{opacity:.5;transform:scale(.95)}.faq-type-item.drag-over{border-color:var(--primary);border-style:dashed;background:#2b59c30d}@media (hover: none) and (pointer: coarse){.faq-type-item{cursor:default!important;touch-action:auto!important}.faq-type-item[draggable=false]{-webkit-user-drag:none;cursor:default!important}.faq-type-item .fa-grip-vertical{display:none!important}}@media (max-width: 768px){.faq-type-item{flex-direction:column;align-items:flex-start;gap:1rem;touch-action:auto;cursor:default}.faq-type-item .fa-grip-vertical{display:none}.faq-type-info{width:100%}.faq-type-actions{width:100%;justify-content:flex-end}.faq-drag-info span{font-size:.85rem}}.faq-type-info{display:flex;flex-direction:column;gap:.25rem}.faq-type-label{font-weight:600;color:var(--navy-blue);font-size:1rem}.faq-type-value{font-size:.85rem;color:#666;font-family:Courier New,monospace}.faq-type-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:var(--text-secondary)}.btn-icon:hover{transform:scale(1.1)}.btn-icon.btn-edit:hover{background:#2b59c31a;color:var(--primary)}.btn-icon.btn-delete:hover{background:#d32f2f1a;color:var(--danger)}.skin-types-management{margin-top:1rem}.skin-types-management .skin-types-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.skin-types-management .section-description{color:#666;font-size:.95rem;margin:0;flex:1}.skin-types-list{margin-top:1rem}.skin-types-list .empty-types{text-align:center;padding:3rem 2rem;background:#f8f9fa;border-radius:12px;border:2px dashed var(--border-color)}.skin-types-list .empty-types i{font-size:3rem;color:var(--gold);margin-bottom:1rem;opacity:.5}.skin-types-list .empty-types p{color:#666;margin-bottom:1.5rem;font-size:1rem}.types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.type-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.type-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.type-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.type-info h4{margin:0;color:var(--navy-blue);font-size:1.1rem;font-weight:600}.type-value{font-size:.875rem;color:#666;font-family:Courier New,monospace;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.type-actions{display:flex;gap:.5rem}.type-actions .action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.type-actions .action-btn:hover{transform:scale(1.1)}.type-actions .action-btn.edit:hover{background:#daa5201a;color:var(--gold)}.type-actions .action-btn.delete:hover{background:#d32f2f1a;color:#d32f2f}.section-description-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid var(--gold);padding:1.25rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.section-description-box i{color:var(--navy-blue);font-size:1.5rem;margin-top:.25rem}.section-description-box p{margin:0;color:#333;line-height:1.6;font-size:1rem}.skin-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.skin-type-card{background:var(--white);border:2px solid var(--border-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.skin-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--navy-blue);transform:scaleX(0);transition:transform .3s ease}.skin-type-card:hover{border-color:var(--navy-blue);transform:translateY(-5px)}.skin-type-card:hover:before{transform:scaleX(1)}.skin-type-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--navy-blue),var(--gold));display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.skin-type-icon i{font-size:2.5rem;color:var(--white)}.skin-type-content{text-align:center;flex:1;width:100%}.skin-type-content h3{margin:0 0 .75rem;color:var(--navy-blue);font-size:1.5rem;font-weight:700}.skin-type-value{display:inline-block;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#666;padding:.5rem 1rem;border-radius:20px;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;border:1px solid var(--border-color)}.skin-type-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color);width:100%;justify-content:center}.skin-type-actions .action-btn{background:none;border:2px solid transparent;cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;color:var(--text-secondary);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.skin-type-actions .action-btn:hover{transform:scale(1.15) rotate(5deg)}.skin-type-actions .action-btn.edit{border-color:var(--gold);color:var(--gold)}.skin-type-actions .action-btn.edit:hover{background:var(--gold);color:var(--white);box-shadow:0 4px 12px #daa52066}.skin-type-actions .action-btn.delete{border-color:#dc3545;color:#dc3545}.skin-type-actions .action-btn.delete:hover{background:#dc3545;color:var(--white);box-shadow:0 4px 12px #dc354566}.empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:2px dashed var(--border-color);margin-top:2rem}.empty-state i{font-size:5rem;color:var(--gold);margin-bottom:1.5rem;opacity:.3}.empty-state h3{color:var(--navy-blue);margin-bottom:1rem;font-size:1.5rem}.empty-state p{color:#666;margin-bottom:2rem;font-size:1.05rem}.empty-state .btn-primary{padding:1rem 2rem;font-size:1.1rem}.admin-faq-question-cell{max-width:600px}.admin-faq-question-text{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;line-height:1.4}.admin-faq-answer-preview{color:var(--text-light);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em;line-height:1.4}.admin-faq-category-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;white-space:nowrap}.admin-faq-category-general{background-color:#e3f2fd;color:#1976d2}.admin-faq-category-services{background-color:#f3e5f5;color:#7b1fa2}.admin-faq-category-booking{background-color:#e8f5e9;color:#388e3c}.admin-faq-category-pricing{background-color:#fff3e0;color:#f57c00}.admin-faq-category-preparation{background-color:#fce4ec;color:#c2185b}.admin-faq-category-safety{background-color:#ffebee;color:#d32f2f}@media (max-width: 768px){.faq-types-list{grid-template-columns:1fr}.faq-types-header{flex-direction:column;gap:1rem;align-items:flex-start}.faq-types-header .btn-small{width:100%;justify-content:center}.admin-faq-question-cell{max-width:100%}.admin-faq-answer-preview{-webkit-line-clamp:1;line-clamp:1;max-height:1.4em}.admin-faq-category-badge{font-size:.75rem;padding:.3rem .6rem}}.status-badge.status-hidden{background:#ffc107;color:#000}.status-badge.status-visible{background:#28a745;color:var(--white)}.banner-editor{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.banner-preview,.banner-form{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid var(--border-color)}.banner-preview h3,.banner-form h3{margin:0 0 1.5rem;color:var(--navy-blue);font-size:1.2rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.banner-preview-card{background:var(--background-light);padding:1.5rem;border-radius:8px;text-align:center}.banner-preview-card img{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.banner-preview-card h4{color:var(--navy-blue);font-size:1.3rem;margin:0 0 .5rem}.banner-preview-card p{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--background-light);border-radius:8px;border:2px dashed var(--border-color)}.no-image-placeholder i{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem}.no-image-placeholder p{color:var(--text-secondary);margin:0}.banner-form .form-group{margin-bottom:1.5rem}.banner-form .form-group:last-child{margin-bottom:0}.banner-form label{display:block;margin-bottom:.5rem;color:var(--navy-blue);font-weight:600;font-size:.95rem}.banner-form .form-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.banner-form .form-input:focus{outline:none;border-color:var(--gold)}.banner-form textarea.form-input{resize:vertical;min-height:80px}.btn-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:2px solid var(--border-color);background:#fff;color:var(--text-secondary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-toggle:hover{border-color:var(--gold);background:var(--background-light)}.btn-toggle.active{background:#4caf50;color:#fff;border-color:#4caf50}.btn-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.banner-editor{grid-template-columns:1fr}.banner-preview{order:2}.banner-form{order:1}}@media (max-width: 768px){.banner-preview,.banner-form,.banner-preview-card{padding:1rem}.banner-preview-card img{max-height:200px}.no-image-placeholder{padding:2rem 1rem}.no-image-placeholder i{font-size:2rem}}.ct-tab-content{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.ct-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.ct-tab-header h2{color:var(--navy-blue);font-size:1.75rem;margin:0}.ct-btn-primary{background:var(--navy-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.ct-btn-primary:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #b8921f4d}.ct-btn-primary i{font-size:1rem}.ct-filters-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:2rem}.ct-filter-search,.ct-filter-select{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;transition:all .3s ease}.ct-filter-search:focus,.ct-filter-select:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.ct-filter-search::placeholder{color:var(--text-secondary)}.ct-loading-message{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.ct-loading-message i{font-size:2rem;margin-bottom:1rem;display:block;color:var(--navy-blue)}.ct-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.ct-stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:2px solid var(--border-color);transition:all .3s ease}.ct-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a;border-color:var(--navy-blue)}.ct-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.ct-stat-info h3{font-size:2rem;font-weight:700;color:var(--navy-blue);margin:0 0 .25rem}.ct-stat-info p{font-size:.95rem;color:var(--text-secondary);margin:0}.ct-table-container{overflow-x:auto;border-radius:12px;border:2px solid var(--border-color);background:#fff}.ct-data-table{width:100%;border-collapse:collapse;font-size:.95rem}.ct-data-table thead{background:var(--background-light);border-bottom:2px solid var(--border-color)}.ct-data-table th{padding:1rem;text-align:right;font-weight:700;color:var(--navy-blue);white-space:nowrap}.ct-data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.ct-data-table tbody tr:hover{background:var(--background-light)}.ct-data-table tbody tr:last-child{border-bottom:none}.ct-data-table td{padding:1rem;color:var(--charcoal)}.ct-empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.ct-empty-state i{font-size:3rem;color:var(--border-color);margin-bottom:1rem}.ct-empty-state p{font-size:1.1rem;margin:0}.ct-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.ct-badge-warning{background:#fff3cd;color:#856404}.ct-badge-info{background:#d1ecf1;color:#0c5460}.ct-badge-success{background:#d4edda;color:#155724}.ct-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.ct-status-confirmed{background:#d4edda;color:#155724}.ct-status-pending{background:#fff3cd;color:#856404}.ct-status-cancelled{background:#f8d7da;color:#721c24}.ct-table-actions{display:flex;gap:.5rem;justify-content:flex-start}.ct-action-btn{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.ct-btn-toggle{background:#ffc107;color:#fff}.ct-btn-toggle:hover{background:#e0a800;transform:translateY(-2px)}.ct-btn-edit{background:#17a2b8;color:#fff}.ct-btn-edit:hover{background:#138496;transform:translateY(-2px)}.ct-btn-delete{background:#dc3545;color:#fff}.ct-btn-delete:hover{background:#c82333;transform:translateY(-2px)}.ct-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.ct-pagination-btn{padding:.625rem 1.25rem;border:2px solid var(--border-color);background:#fff;color:var(--charcoal);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ct-pagination-btn:hover:not(:disabled){background:var(--navy-blue);color:#fff;border-color:var(--navy-blue);transform:translateY(-2px)}.ct-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ct-pagination-info{color:var(--charcoal);font-weight:600;font-size:.95rem}@media (max-width: 1024px){.ct-stats-grid{grid-template-columns:repeat(2,1fr)}.ct-filters-section{grid-template-columns:1fr}.ct-tab-header h2{font-size:1.5rem}}@media (max-width: 768px){.ct-tab-content{padding:1.5rem}.ct-tab-header{flex-direction:column;gap:1rem;align-items:stretch}.ct-tab-header h2{font-size:1.3rem}.ct-btn-primary{width:100%;justify-content:center}.ct-filters-section{flex-direction:column}.ct-stats-grid{grid-template-columns:repeat(2,1fr)}.ct-table-container{border:none;overflow-x:visible}.ct-data-table{border:none}.ct-data-table thead{display:none}.ct-data-table tbody,.ct-data-table tr{display:block}.ct-data-table tr{margin-bottom:1rem;border:2px solid var(--border-color);background-color:var(--white);padding:1rem;border-radius:8px}.ct-data-table tr:last-child{margin-bottom:0}.ct-data-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);text-align:right}.ct-data-table td:last-child{border-bottom:none}.ct-data-table td:before{font-weight:600;color:var(--navy-blue);margin-left:1rem;flex-shrink:0}.ct-data-table td>*{text-align:left}.ct-table-actions{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.ct-pagination{flex-direction:column;gap:.75rem}.ct-pagination-btn{width:100%}}@media (max-width: 480px){.ct-tab-content{padding:1rem}.ct-stats-grid{grid-template-columns:1fr 1fr}.ct-stat-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.ct-data-table{font-size:.875rem}.ct-data-table td{padding:.75rem 0}}.admin-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-user-modal{background:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.admin-user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.admin-user-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.admin-user-modal-close{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.admin-user-modal-close:hover{background-color:#ffffff1a}.admin-user-modal-form{padding:2rem}.admin-user-form-row{margin-bottom:1.5rem}.admin-user-form-row:last-of-type{margin-bottom:2rem}.admin-user-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-user-form-group label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.admin-user-form-input{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl}.admin-user-form-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.admin-user-form-input::placeholder{color:var(--text-secondary);opacity:.7}.admin-user-checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.admin-user-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:var(--navy-blue)}.admin-user-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer}.admin-user-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.admin-user-btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-user-btn-secondary:hover{background-color:#f9f8f7;border-color:var(--gold)}.admin-user-btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.admin-user-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f2a5a 0%,var(--navy-blue) 100%);transform:translateY(-1px)}.admin-user-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-user-form-input[type=textarea],textarea.admin-user-form-input{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.admin-user-form-group small{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.admin-user-form-row+.admin-user-form-row{margin-top:1rem}.admin-user-form-input[type=date]{direction:rtl}.admin-user-form-input select,select.admin-user-form-input{cursor:pointer;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="5"><path fill="%23666" d="m0 0 2 2 2-2z"/></svg>');background-repeat:no-repeat;background-position:left 12px center;background-size:12px;padding-left:35px}@media (max-width: 768px){.admin-user-modal{margin:.5rem;max-width:none}.admin-user-modal-header{padding:1rem 1.5rem}.admin-user-modal-form{padding:1.5rem}.admin-user-modal-actions{flex-direction:column-reverse}.admin-user-btn-secondary,.admin-user-btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.admin-user-modal-overlay{padding:.5rem}.admin-user-modal-header{padding:.75rem 1rem}.admin-user-modal-header h3{font-size:1.125rem}.admin-user-modal-form{padding:1rem}.admin-user-form-input{padding:10px 12px}}.service-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.service-edit-modal{background:var(--white);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.service-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.service-edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.service-edit-modal-close{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.service-edit-modal-close:hover{background-color:#ffffff1a}.service-edit-modal-form{padding:2rem}.service-edit-form-row{margin-bottom:1.5rem}.service-edit-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.service-edit-form-group{display:flex;flex-direction:column;gap:.5rem}.service-edit-form-group label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.service-edit-form-input,.service-edit-form-textarea{padding:12px 5px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl;font-family:inherit}.service-edit-form-input:focus,.service-edit-form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.service-edit-form-textarea{resize:vertical;min-height:80px}.service-edit-checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.service-edit-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:var(--navy-blue)}.service-edit-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.options-header label{margin:0;font-weight:600;color:var(--charcoal)}.add-option-btn{padding:8px 16px;background:linear-gradient(135deg,var(--gold) 0%,#d4a574 100%);color:var(--white);border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.add-option-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c8aa6e4d}.options-description{font-size:.85rem;color:#666;margin:.5rem 0 1rem;font-style:italic}.options-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.option-item{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:#f9f8f7;border:2px solid var(--border-color);border-radius:8px;transition:all .3s ease}.option-item:hover{border-color:var(--gold);box-shadow:0 2px 8px #c8aa6e1a}.option-fields{display:flex;gap:.75rem;flex:1;flex-wrap:wrap}.option-fields input{flex:1;min-width:150px}.remove-option-btn{padding:8px 12px;background-color:#e74c3c;color:var(--white);border:none;border-radius:6px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;line-height:1;height:40px;min-width:40px}.remove-option-btn:hover{background-color:#c0392b;transform:scale(1.05)}.service-edit-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.service-edit-btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.service-edit-btn-secondary:hover{background-color:#f9f8f7;border-color:var(--gold)}.service-edit-btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-family:inherit}.service-edit-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f2a5a 0%,var(--navy-blue) 100%);transform:translateY(-1px)}.service-edit-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.service-edit-modal{margin:.5rem;max-width:none}.service-edit-modal-header{padding:1rem 1.5rem}.service-edit-modal-form{padding:1.5rem}.service-edit-form-row-2{grid-template-columns:1fr}.service-edit-modal-actions{flex-direction:column-reverse}.service-edit-btn-secondary,.service-edit-btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.service-edit-modal-overlay{padding:.5rem}.service-edit-modal-header{padding:.75rem 1rem}.service-edit-modal-header h3{font-size:1.125rem}.service-edit-modal-form{padding:1rem}.service-edit-form-input,.service-edit-form-textarea{padding:10px 12px}}.product-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.product-edit-modal{background:var(--white);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.product-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.product-edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.product-edit-modal-close{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.product-edit-modal-close:hover{background-color:#ffffff1a}.product-edit-modal-form{padding:2rem}.product-edit-form-row{margin-bottom:1.5rem}.product-edit-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.product-edit-form-group{display:flex;flex-direction:column;gap:.5rem}.product-edit-form-group label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.product-edit-form-input,.product-edit-form-textarea{padding:12px 5px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl;font-family:inherit}.product-edit-form-input:focus,.product-edit-form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.product-edit-form-textarea{resize:vertical;min-height:80px}.product-edit-checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.product-edit-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:var(--navy-blue)}.product-edit-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold);cursor:pointer}.product-edit-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.product-edit-btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.product-edit-btn-secondary:hover{background-color:#f9f8f7;border-color:var(--gold)}.product-edit-btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-family:inherit}.product-edit-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f2a5a 0%,var(--navy-blue) 100%);transform:translateY(-1px)}.product-edit-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.product-edit-modal{margin:.5rem;max-width:none}.product-edit-modal-header{padding:1rem 1.5rem}.product-edit-modal-form{padding:1.5rem}.product-edit-form-row-2{grid-template-columns:1fr}.product-edit-modal-actions{flex-direction:column-reverse}.product-edit-btn-secondary,.product-edit-btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.product-edit-modal-overlay{padding:.5rem}.product-edit-modal-header{padding:.75rem 1rem}.product-edit-modal-header h3{font-size:1.125rem}.product-edit-modal-form{padding:1rem}.product-edit-form-input,.product-edit-form-textarea{padding:10px 12px}}.image-upload-section{margin-bottom:1rem}.image-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:12px 20px;background:linear-gradient(135deg,var(--gold) 0%,#c8941f 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-decoration:none}.image-upload-button:hover{background:linear-gradient(135deg,#c8941f 0%,var(--gold) 100%);transform:translateY(-1px)}.image-upload-button svg{stroke-width:2}.selected-files-preview,.existing-images{margin-top:1rem;padding:1rem;background-color:#f9f8f7;border-radius:8px;border:1px solid var(--border-color)}.selected-files-preview h4,.existing-images h4{margin:0 0 1rem;color:var(--navy-blue);font-size:1rem;font-weight:600}.files-grid,.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.file-preview-item,.image-item{background:var(--white);border-radius:8px;overflow:hidden;border:2px solid var(--border-color);transition:all .3s ease}.file-preview-item:hover,.image-item:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file-preview-image,.existing-image{width:100%;height:120px;object-fit:cover;display:block}.file-preview-info,.image-controls{padding:.75rem}.file-name{display:block;font-size:.875rem;color:var(--charcoal);margin-bottom:.5rem;word-break:break-word}.remove-file-btn,.remove-image-btn{background-color:#dc3545;color:var(--white);border:none;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .3s ease;font-family:inherit}.remove-file-btn:hover,.remove-image-btn:hover{background-color:#c82333}.primary-btn{background-color:var(--gold);color:var(--white);border:none;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .3s ease;margin-right:.5rem;font-family:inherit}.primary-btn:hover{background-color:#c8941f}.primary-btn.active{background-color:var(--navy-blue)}.primary-btn.active:hover{background-color:#0f2a5a}.upload-progress{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#e3f2fd;border-radius:8px;border:1px solid #2196f3;margin-top:1rem;color:#1976d2;font-weight:600}.upload-progress:before{content:"";width:20px;height:20px;border:2px solid #1976d2;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.files-grid,.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-preview-image,.existing-image{height:100px}}@media (max-width: 480px){.files-grid,.images-grid{grid-template-columns:1fr 1fr}.file-preview-image,.existing-image{height:80px}.image-upload-button{width:100%;justify-content:center}}.admin-appointment-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-appointment-edit-modal{background:var(--white);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.admin-appointment-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.admin-appointment-edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.admin-appointment-edit-modal-close{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.admin-appointment-edit-modal-close:hover{background-color:#ffffff1a}.admin-appointment-edit-modal-form{padding:2rem}.admin-appointment-edit-info-section{background:linear-gradient(135deg,#b8921f1a,#b8921f0d);padding:1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(184,146,31,.2)}.admin-appointment-edit-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-appointment-edit-info-item:last-child{margin-bottom:0}.admin-appointment-edit-info-item .label{font-weight:600;color:var(--navy-blue)}.admin-appointment-edit-info-item .value{color:var(--charcoal);font-weight:500}.admin-appointment-edit-form-row{margin-bottom:1.5rem}.admin-appointment-edit-form-row:last-of-type{margin-bottom:2rem}.admin-appointment-edit-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-appointment-edit-form-group label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.admin-appointment-edit-form-input,.admin-appointment-edit-form-textarea{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl;font-family:inherit}.admin-appointment-edit-form-input:focus,.admin-appointment-edit-form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.admin-appointment-edit-form-textarea{resize:vertical;min-height:100px}.admin-appointment-edit-notice{background:linear-gradient(135deg,#e8f4f8,#f0f9fc);border:1px solid #17a2b8;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start}.admin-appointment-edit-notice i{color:#17a2b8;font-size:1.2rem;flex-shrink:0;margin-top:.15rem}.admin-appointment-edit-notice p{color:#0c5460;margin:0;line-height:1.5;font-size:.9rem}.admin-appointment-edit-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.admin-appointment-edit-btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.admin-appointment-edit-btn-secondary:hover{background-color:#f9f8f7;border-color:var(--gold)}.admin-appointment-edit-btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;font-family:inherit}.admin-appointment-edit-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f2a5a 0%,var(--navy-blue) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #152f584d}.admin-appointment-edit-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-appointment-edit-form-group select[name=staffId]{padding-left:2.5rem}.admin-appointment-edit-form-group select[name=status]{font-weight:600}.admin-appointment-edit-form-group select[name=status] option{padding:8px}@media (max-width: 768px){.admin-appointment-edit-modal{margin:.5rem;max-width:none}.admin-appointment-edit-modal-header{padding:1rem 1.5rem}.admin-appointment-edit-modal-form{padding:1.5rem}.admin-appointment-edit-modal-actions{flex-direction:column-reverse}.admin-appointment-edit-btn-secondary,.admin-appointment-edit-btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.admin-appointment-edit-modal-overlay{padding:.5rem}.admin-appointment-edit-modal-header{padding:.75rem 1rem}.admin-appointment-edit-modal-header h3{font-size:1.125rem}.admin-appointment-edit-modal-form{padding:1rem}.admin-appointment-edit-form-input,.admin-appointment-edit-form-textarea{padding:10px 12px}.admin-appointment-edit-notice{padding:.75rem}.admin-appointment-edit-notice p{font-size:.85rem}}.appointment-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.appointment-details-modal{background-color:var(--white);border-radius:12px;box-shadow:0 10px 30px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.appointment-details-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background-color:#f8f9fa;border-radius:12px 12px 0 0}.appointment-details-modal-header h3{margin:0;color:var(--navy-blue);font-size:1.25rem;font-weight:600}.appointment-details-modal-close{background:none;border:none;font-size:1.5rem;color:var(--charcoal);cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.appointment-details-modal-close:hover{background-color:#e9ecef;color:var(--navy-blue)}.appointment-details-content{padding:2rem}.appointment-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-weight:600;color:var(--navy-blue);font-size:.9rem}.detail-value{color:var(--charcoal);font-size:1rem;padding:.5rem .75rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.detail-value.status{font-weight:600;text-align:center;border-radius:20px;padding:.5rem 1rem}.detail-value.status.confirmed{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.detail-value.status.completed{background-color:#cce7ff;color:#004085;border-color:#b3d7ff}.detail-value.status.cancelled{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.detail-value.status.pending{background-color:#fff3cd;color:#856404;border-color:#ffeaa7}.detail-item.coupon-info .detail-value{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;color:#2e7d32;font-weight:600}.coupon-badge i{margin-left:5px;color:#4caf50}.appointment-notes-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.note-item{margin-bottom:1.5rem;padding:1rem;border-radius:8px;border-left:4px solid}.note-item h4{margin:0 0 .75rem;font-size:1rem;font-weight:600}.note-item p{margin:0;line-height:1.5;color:var(--charcoal)}.customer-note{background-color:#f5f5f5;border-left-color:#6b7280}.customer-note h4{color:#374151}.admin-note{background-color:#f0f7ff;border-left-color:#0f2a5a}.admin-note h4{color:#0f2a5a}.staff-note-customer{background-color:#f0fff4;border-left-color:#22c55e}.staff-note-customer h4{color:#16a34a}.staff-internal-note{background-color:#fff7ed;border-left-color:#ea580c}.staff-internal-note h4{color:#c2410c}.no-notes{text-align:center;padding:2rem;color:var(--charcoal);opacity:.7;font-style:italic}.appointment-details-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);background-color:#f8f9fa;border-radius:0 0 12px 12px;display:flex;justify-content:flex-end}.appointment-details-modal-footer .btn-secondary{padding:.75rem 1.5rem;font-size:1rem}@media (max-width: 768px){.appointment-details-modal{margin:1rem;max-width:calc(100% - 2rem)}.appointment-details-grid{grid-template-columns:1fr;gap:1rem}.appointment-details-modal-header,.appointment-details-content,.appointment-details-modal-footer{padding:1rem 1.5rem}}@media (max-width: 480px){.appointment-details-modal-overlay{padding:.5rem}.appointment-details-modal{margin:.5rem;max-width:calc(100% - 1rem)}.appointment-details-modal-header,.appointment-details-content,.appointment-details-modal-footer{padding:1rem}.appointment-details-grid{gap:.75rem}}.consultation-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.consultation-details-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.consultation-details-header{padding:20px 30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff}.consultation-details-header h3{margin:0;font-size:1.5rem}.consultation-details-header .close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.consultation-details-header .close-btn:hover{background:#fff3}.consultation-details-body{padding:30px;overflow-y:auto;flex:1}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.status-badge.في.الانتظار,.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.مؤكد,.status-badge.confirmed{background:#d1ecf1;color:#0c5460}.status-badge.مكتمل,.status-badge.completed{background:#d4edda;color:#155724}.status-badge.ملغي,.status-badge.cancelled{background:#f8d7da;color:#721c24}.skin-concerns-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.skin-concerns-list li{background:#f8f9fa;padding:8px 16px;border-radius:20px;border:1px solid #dee2e6;color:#495057;font-size:.9rem}.notes-text{background:#f8f9fa;padding:15px;border-radius:8px;border-right:3px solid #071626;color:#333;line-height:1.6;margin:0}.consultation-details-footer{padding:20px 30px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;background:#f8f9fa}.btn-secondary:hover{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff}[dir=rtl] .consultation-details-modal{direction:rtl;text-align:right}.consultation-details-body::-webkit-scrollbar{width:8px}.consultation-details-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.consultation-details-body::-webkit-scrollbar-thumb{background:#071626;border-radius:10px}.consultation-details-body::-webkit-scrollbar-thumb:hover{background:#0f2a5a}@media (max-width: 768px){.consultation-details-modal{max-width:100%;border-radius:0}.consultation-details-header,.consultation-details-body,.consultation-details-footer{padding:15px 20px}.details-grid{grid-template-columns:1fr}}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.category-modal{background:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.category-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.category-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.category-modal .close-btn{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.category-modal .close-btn:hover{background-color:#ffffff1a}.category-form{padding:2rem}.category-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.category-form label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.category-form input,.category-form textarea{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl;font-family:inherit}.category-form input:focus,.category-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.category-form input.error,.category-form textarea.error{border-color:#ef4444;background:#fef2f2}.category-form textarea{resize:vertical;min-height:80px}.error-message{color:#ef4444;font-size:.85rem;margin-top:4px;display:block}.submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;text-align:center}.char-count{color:#6b7280;font-size:.8rem;margin-top:4px;display:block;text-align:right}.image-upload-section{margin-top:.5rem}.upload-area{position:relative}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--bg);cursor:pointer;transition:all .3s ease}.upload-label:hover{border-color:var(--gold);background:#b8921f0d}.upload-label i{font-size:2.5rem;color:var(--navy-blue);margin-bottom:.75rem}.upload-label span{color:var(--charcoal);font-weight:600;margin-bottom:.25rem}.upload-label small{color:#6b7280;font-size:.85rem}.image-preview-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--border-color)}.preview-image{width:100%;height:250px;object-fit:cover;display:block}.delete-image-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white);border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-image-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226)}.delete-image-btn:disabled{opacity:.6;cursor:not-allowed}.delete-image-btn i{font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.modal-actions .btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--charcoal);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.modal-actions .btn-secondary:hover:not(:disabled){background-color:#f9f8f7;border-color:var(--gold)}.modal-actions .btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-family:inherit;display:flex;align-items:center;gap:8px;justify-content:center}.modal-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f2a5a 0%,var(--navy-blue) 100%);transform:translateY(-1px)}.modal-actions .btn-primary:disabled,.modal-actions .btn-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-actions .fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.category-modal{margin:.5rem;max-width:none}.category-modal .modal-header{padding:1rem 1.5rem}.category-form{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-secondary,.modal-actions .btn-primary{width:100%;justify-content:center}}.time-slots-manager{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background-color:var(--light-gray)}.time-slots-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:40px}.time-slot-item{display:flex;align-items:center;gap:.5rem;background-color:var(--white);border:2px solid var(--primary-color);border-radius:6px;padding:.5rem .75rem;font-size:.9rem;font-weight:500;color:var(--navy-blue)}.time-slot-item.forbidden{border-color:#dc3545;background-color:#fff5f5}.time-slot-item span{white-space:nowrap}.time-slot-item .remove-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.time-slot-item .remove-btn:hover{background-color:#dc35451a}.add-time-slot{display:flex;gap:.5rem;align-items:center}.add-time-slot .time-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.add-time-slot .btn-secondary{white-space:nowrap;padding:.5rem 1rem;font-size:.9rem}.form-select{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--white);transition:border-color .3s ease}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e391a41a}.time-input{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease}.time-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e391a41a}@media (max-width: 480px){.category-modal-overlay{padding:.5rem}.category-modal .modal-header{padding:.75rem 1rem}.category-modal .modal-header h2{font-size:1.125rem}.category-form{padding:1rem}.category-form input,.category-form textarea{padding:10px 12px}.add-time-slot{flex-direction:column}.add-time-slot .btn-secondary{width:100%}}.admin-faq-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-faq-modal{background:var(--white);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;border:2px solid var(--border-color)}.admin-faq-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0}.admin-faq-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.admin-faq-modal .modal-close{background:none;border:none;font-size:1.5rem;color:var(--white);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.admin-faq-modal .modal-close:hover{background-color:#ffffff1a}.admin-faq-modal-form{padding:2rem}.admin-faq-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.admin-faq-form-label{font-weight:600;color:var(--navy-blue);font-size:.95rem}.admin-faq-form-label .admin-faq-required{color:#ef4444;margin-right:.25rem}.admin-faq-input,.admin-faq-textarea,.admin-faq-select{padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:var(--white);direction:rtl;font-family:inherit;width:100%}.admin-faq-textarea{resize:vertical;min-height:140px}.admin-faq-input:focus,.admin-faq-textarea:focus,.admin-faq-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.admin-faq-input.admin-faq-error,.admin-faq-textarea.admin-faq-error,.admin-faq-select.admin-faq-error{border-color:#ef4444;background-color:#fef2f2}.admin-faq-error-message{color:#ef4444;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.admin-faq-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color);margin-top:1rem}.admin-faq-modal-actions .btn-secondary{padding:12px 24px;background-color:var(--light-gray);color:var(--text-dark);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.admin-faq-modal-actions .btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px)}.admin-faq-modal-actions .btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--gold) 0%,#b8921f 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 4px 10px #b8921f33}.admin-faq-modal-actions .btn-primary:hover{background:linear-gradient(135deg,#b8921f,#9a7a1a);transform:translateY(-2px);box-shadow:0 6px 15px #b8921f4d}.admin-faq-modal-actions .btn-primary:disabled,.admin-faq-modal-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.admin-faq-modal{max-width:95%;margin:1rem}.admin-faq-modal .modal-header{padding:1rem 1.5rem}.admin-faq-modal-form{padding:1.5rem}.admin-faq-modal-actions{flex-direction:column}.admin-faq-modal-actions button{width:100%}}.faq-type-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.faq-type-modal{background:var(--white);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0716264d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.faq-type-modal .modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--navy-blue) 100%);color:var(--white);border-radius:16px 16px 0 0}.faq-type-modal .modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--navy-blue)}.faq-type-modal .modal-close{background:#fff3;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.faq-type-modal .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.faq-type-modal-form{padding:2rem}.faq-type-form-group{margin-bottom:1.5rem}.faq-type-form-label{display:block;font-weight:600;color:var(--navy-blue);margin-bottom:.5rem;font-size:1rem}.faq-type-required{color:var(--danger);margin-right:.25rem}.faq-type-input,.faq-type-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background-color:var(--white)}.faq-type-input:focus,.faq-type-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2b59c31a}.faq-type-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.faq-type-error{border-color:var(--danger)!important}.faq-type-error-message{display:block;color:var(--danger);font-size:.875rem;margin-top:.5rem}.faq-type-hint{display:block;color:#666;font-size:.85rem;margin-top:.5rem;font-style:italic}.faq-type-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color)}.faq-type-modal-actions .btn-secondary,.faq-type-modal-actions .faq-btn-primary{padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.faq-type-modal-actions .btn-secondary{background:var(--border-color);color:var(--charcoal)}.faq-type-modal-actions .btn-secondary:hover{background:#c5cbd5;transform:translateY(-2px)}.faq-type-modal-actions .faq-btn-primary{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.faq-type-modal-actions .faq-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2b59c366}@media (max-width: 768px){.faq-type-modal{width:95%;margin:1rem}.faq-type-modal .modal-header{padding:1rem 1.5rem}.faq-type-modal-form{padding:1.5rem}.faq-type-modal-actions{flex-direction:column}.faq-type-modal-actions .btn-secondary,.faq-type-modal-actions .faq-btn-primary{width:100%}}.skin-type-modal-content{background:var(--white);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.skin-type-modal-content .modal-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.skin-type-modal-content .modal-header h2{margin:0;font-size:1.5rem}.skin-type-modal-content .modal-close{background:#fff3;border:none;color:var(--white);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.skin-type-modal-content .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.skin-type-form{padding:2rem}.skin-type-form .form-group{margin-bottom:1.5rem}.skin-type-form label{display:block;margin-bottom:.5rem;color:var(--charcoal);font-weight:600;font-size:1rem}.skin-type-form label small{display:block;font-weight:400;font-size:.85rem;color:var(--gold);margin-top:.25rem}.skin-type-form input,.skin-type-form select,.skin-type-form textarea{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.skin-type-form input:focus,.skin-type-form select:focus,.skin-type-form textarea:focus{outline:none;border-color:var(--gold)}.skin-type-form input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.skin-type-form input.error,.skin-type-form select.error{border-color:#dc3545}.field-error{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem}.field-hint{display:block;color:#6c757d;font-size:.875rem;margin-top:.25rem;font-style:italic}.error-message{background-color:#f8d7da;color:#721c24;padding:.875rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-actions button{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.modal-actions .btn-secondary{background-color:#6c757d;color:var(--white)}.modal-actions .btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.modal-actions .btn-primary{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-actions button i.fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.skin-type-modal-content{width:95%;max-height:95vh}.skin-type-form{padding:1.5rem}.skin-type-modal-content .modal-header{padding:1.25rem}.skin-type-modal-content .modal-header h2{font-size:1.25rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center}}.coupon-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.coupon-modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.coupon-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color)}.coupon-modal-header h2{color:var(--navy-blue);font-size:1.5rem;margin:0}.coupon-modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.coupon-modal-close:hover{background:var(--border-color);color:var(--navy-blue)}.coupon-modal-form{padding:1.5rem}.coupon-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.coupon-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.coupon-form-group label{color:var(--navy-blue);font-weight:600;font-size:.95rem}.coupon-form-group small{color:var(--text-secondary);font-size:.85rem;margin-top:-.25rem}.coupon-form-input{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff;color:var(--charcoal)}.coupon-form-input:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0b22351a}.coupon-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:1rem;background:var(--background-light);border-radius:8px;border:2px solid var(--border-color)}.coupon-category-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.coupon-category-checkbox:hover{background:#fff}.coupon-category-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--navy-blue)}.coupon-category-checkbox span{color:var(--charcoal);font-size:.95rem}.coupon-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;background:var(--background-light);border-radius:8px;border:2px solid var(--border-color);transition:all .3s ease}.coupon-checkbox-label:hover{background:#fff}.coupon-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--navy-blue)}.coupon-checkbox-label span{font-weight:600;color:var(--navy-blue)}.no-categories-message{color:var(--text-secondary);text-align:center;padding:1rem;font-style:italic}.coupon-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:2px solid var(--border-color);margin-top:1.5rem}.coupon-btn-primary,.coupon-btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.coupon-btn-primary{background:var(--navy-blue);color:#fff}.coupon-btn-primary:hover:not(:disabled){background:var(--gold);transform:translateY(-1px);box-shadow:0 4px 8px #b8921f4d}.coupon-btn-primary:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.coupon-btn-secondary{background:#fff;color:var(--charcoal);border:2px solid var(--border-color)}.coupon-btn-secondary:hover:not(:disabled){background:var(--background-light);border-color:var(--navy-blue)}@media (max-width: 768px){.coupon-modal-content{max-width:95%;max-height:95vh}.coupon-form-row,.coupon-categories-grid{grid-template-columns:1fr}.coupon-modal-header h2{font-size:1.25rem}}.sortable-list{display:flex;flex-direction:column;gap:.75rem}.sortable-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--border-color);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative}.sortable-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2b59c326}.sortable-item.dragging{opacity:.5;transform:scale(.98);box-shadow:0 8px 20px #0003;z-index:999}.drag-handle{cursor:grab;padding:.5rem;color:#999;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease;touch-action:none}.drag-handle:hover{color:var(--primary)}.drag-handle:active,.sortable-item.dragging .drag-handle{cursor:grabbing}.sortable-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.sortable-item{padding:.875rem}.drag-handle{padding:.375rem;font-size:1.1rem}}.sortable-item:focus-within{outline:2px solid var(--primary);outline-offset:2px}.admin-orders-page{min-height:100vh;background-color:var(--background-light);padding:2rem 0}.admin-orders-page .page-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2rem 0;margin-bottom:2rem}.admin-orders-page .header-content{display:flex;align-items:center;justify-content:center;gap:2rem}.admin-orders-page .back-btn{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;text-decoration:none;font-size:.9rem}.admin-orders-page .back-btn:hover{background:#fff3;transform:translateY(-2px)}.admin-orders-page .header-info h1{color:var(--white);font-size:2.5rem;margin-bottom:.5rem}.admin-orders-page .header-info p{font-size:1.1rem;opacity:.9}.filters-section{background:var(--white);padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--navy-blue);font-size:.9rem}.filter-input,.filter-select{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;transition:all .3s ease;background:var(--white)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #0d47a11a}.filters-summary{padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.orders-section{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{background:var(--navy-blue);color:var(--white);padding:1rem;text-align:right;font-weight:600;font-size:.9rem}.orders-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.orders-table tr:hover{background-color:var(--background-light)}.order-number{font-weight:600;color:var(--navy-blue);font-family:monospace}.ord-customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:500;color:var(--text-primary)}.customer-name-link{color:var(--primary);text-decoration:none;transition:all .2s ease;display:inline-block}.customer-name-link:hover{color:var(--navy-blue);text-decoration:underline;transform:translate(-2px)}.customer-phone{font-size:.85rem;color:var(--text-secondary);font-family:monospace}.order-total{font-weight:600;color:var(--navy-blue);font-size:1.1rem}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.confirmed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center}.btn-view{background:var(--navy-blue);color:var(--white);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.btn-view:hover{background:#0a4d8c;transform:translateY(-1px)}.btn-delete{background:#dc3545;color:var(--white);border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#c82333;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem;border-top:1px solid var(--border-color)}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--white);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--navy-blue);color:var(--white);border-color:var(--navy-blue)}.pagination-btn.active{background:var(--navy-blue);color:var(--white);border-color:var(--navy-blue)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.loading-section{min-height:60vh;display:flex;align-items:center;justify-content:center}.loading-card{background:var(--white);padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;max-width:400px;width:100%}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--navy-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.order-details-modal{max-height:80vh;overflow-y:auto}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.details-section{margin-bottom:2rem}.details-section h3{color:var(--navy-blue);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:600;color:var(--navy-blue);font-size:.9rem}.info-item span{color:var(--text-primary);padding:.5rem;background:var(--background-light);border-radius:6px}.order-items-list{display:flex;flex-direction:column;gap:.75rem}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-color)}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:500;color:var(--text-primary)}.item-quantity{font-size:.85rem;color:var(--text-secondary)}.item-price{font-weight:600;color:var(--navy-blue);font-size:1.1rem}.order-summary{background:var(--background-light);padding:1.5rem;border-radius:8px;border:2px solid var(--border-color)}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;color:var(--text-primary)}.summary-row.total{border-top:2px solid var(--border-color);padding-top:.75rem;margin-top:1rem;font-weight:600;font-size:1.2rem;color:var(--navy-blue)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--border-color)}.btn-confirm{background:#28a745;color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-reject{background:#dc3545;color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reject:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-secondary{background:var(--border-color);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#adb5bd}.btn-confirm:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.admin-orders-page{padding:1rem 0}.admin-orders-page .header-content{flex-direction:column;gap:1rem}.admin-orders-page .header-info h1{font-size:2rem}.filters-grid{grid-template-columns:1fr}.orders-table-container{font-size:.85rem}.orders-table th,.orders-table td{padding:.75rem .5rem}.order-details-grid{grid-template-columns:1fr;gap:1rem}.info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.pagination{flex-wrap:wrap;gap:.25rem}}.status-change-container{display:flex;align-items:center;gap:1rem;margin-top:1rem}.status-select{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background:var(--white);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px}.status-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.status-select:disabled{opacity:.6;cursor:not-allowed;background:var(--background-light)}.updating-text{color:var(--gold);font-weight:500;font-size:.9rem}.order-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.order-details-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.order-details-header{padding:20px 30px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#071626,#0f2a5a);color:#fff}.order-details-header h3{margin:0;font-size:1.5rem}.order-details-header .close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.order-details-header .close-btn:hover{background:#fff3}.order-details-body{padding:30px;overflow-y:auto;flex:1}.details-section{margin-bottom:30px}.details-section:last-child{margin-bottom:0}.details-section h4{margin:0 0 15px;color:#071626;font-size:1.1rem;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#666;font-size:.9rem}.detail-item span{color:#333;font-size:1rem}.note-text{background:#f8f9fa;padding:10px;border-radius:6px;border-right:3px solid #071626}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;width:fit-content}.status-badge.confirmed{background:#d1ecf1;color:#0c5460}.status-badge.processing{background:#e7f3ff;color:#004085}.status-badge.shipped{background:#cce5ff;color:#004085}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.cancelled,.status-badge.rejected{background:#f8d7da;color:#721c24}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border-right:3px solid #071626}.item-info{display:flex;flex-direction:column;gap:5px}.item-name{font-weight:600;color:#333;font-size:1rem}.item-quantity{color:#666;font-size:.9rem}.item-price{font-weight:700;color:#071626;font-size:1.1rem}.no-items{text-align:center;color:#999;padding:20px;background:#f8f9fa;border-radius:8px}.order-summary{background:#f8f9fa;padding:20px;border-radius:8px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dee2e6}.summary-row:last-child{border-bottom:none}.summary-row.discount{color:#28a745}.summary-row.coupon-row{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px;padding:12px 15px;margin:5px 0}.coupon-code-badge{color:#2e7d32;font-weight:700;display:flex;align-items:center;gap:8px}.coupon-code-badge i{color:#4caf50;font-size:1.1rem}.summary-row.total{font-weight:700;font-size:1.2rem;color:#071626;margin-top:10px;padding-top:15px;border-top:2px solid #071626}.status-change-container{display:flex;align-items:center;gap:15px}.status-select{flex:1;padding:12px;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .3s}.status-select:hover{border-color:#071626}.status-select:focus{outline:none;border-color:#071626;box-shadow:0 0 0 3px #0716261a}.updating-text{color:#666;font-style:italic;font-size:.9rem}.order-details-footer{padding:20px 30px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;background:#f8f9fa}.btn-secondary:hover{background:linear-gradient(135deg,#071626,#0f2a5a);color:#fff}.btn-delete-modal{padding:10px 24px;border:1px solid #dc3545;background:#fff;color:#dc3545;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-delete-modal:hover{background:#dc3545;color:#fff}[dir=rtl] .order-details-modal{direction:rtl;text-align:right}.order-details-body::-webkit-scrollbar{width:8px}.order-details-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.order-details-body::-webkit-scrollbar-thumb{background:#071626;border-radius:10px}.order-details-body::-webkit-scrollbar-thumb:hover{background:#0f2a5a}@media (max-width: 768px){.order-details-modal{max-width:100%;max-height:100vh;border-radius:0}.order-details-header,.order-details-body,.order-details-footer{padding:15px 20px}.order-details-grid{grid-template-columns:1fr 1fr}.order-item-row{flex-direction:column;align-items:flex-start;gap:10px}.item-price{align-self:flex-end}}.admin-appointments-page-unique{min-height:calc(100vh - 80px);background-color:#f8f9fa;padding:2rem}.aap-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.aap-header-content h1{color:var(--navy-blue);font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.aap-header-content h1 i{color:var(--gold)}.aap-header-content p{color:var(--charcoal);opacity:.8;font-size:1rem}.aap-appointments-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.aap-filter-select,.aap-filter-date,.aap-filter-search{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:var(--white)}.aap-filter-select,.aap-filter-date{min-width:180px}.aap-filter-search{flex:1;min-width:250px}.aap-filter-select:focus,.aap-filter-date:focus,.aap-filter-search:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.aap-appointments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.aap-stat-card{background-color:var(--white);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.aap-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.aap-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white)}.aap-stat-content h3{font-size:2rem;color:var(--navy-blue);margin-bottom:.25rem}.aap-stat-content p{font-size:.9rem;color:var(--charcoal);opacity:.7}.aap-appointments-table-container{background-color:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:2rem}.aap-appointments-table{width:100%;border-collapse:collapse}.aap-appointments-table thead{background-color:var(--navy-blue);color:var(--white)}.aap-appointments-table th{padding:1rem;text-align:right;font-weight:600;font-size:.95rem;white-space:nowrap}.aap-appointments-table td{padding:1rem;text-align:right;border-bottom:1px solid var(--border-color);vertical-align:middle}.aap-appointments-table tbody tr:hover{background-color:#f8f9fa}.aap-appointments-table tbody tr:last-child td{border-bottom:none}.aap-customer-info{display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.aap-customer-info:hover{color:var(--gold);transform:translate(-3px)}.aap-customer-info strong{color:var(--navy-blue);font-weight:600;transition:color .3s ease}.aap-customer-info:hover strong{color:var(--gold)}.aap-customer-info span{font-size:.85rem;color:var(--charcoal);opacity:.7}.aap-status{padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;white-space:nowrap}.aap-status.status-pending{background-color:#fff3cd;color:#856404}.aap-status.status-confirmed{background-color:#d1ecf1;color:#0c5460}.aap-status.status-completed{background-color:#d4edda;color:#155724}.aap-status.status-cancelled{background-color:#f8d7da;color:#721c24}.aap-coupon-badge{display:inline-flex;align-items:center;gap:5px;padding:.4rem .8rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4caf50;border-radius:16px;color:#2e7d32;font-size:.8rem;font-weight:600;white-space:nowrap}.aap-coupon-badge i{color:#4caf50;font-size:.85rem}.aap-no-coupon{color:#adb5bd;font-size:.9rem}.aap-notes-cell{max-width:200px}.aap-notes-cell span{display:block;word-wrap:break-word;color:var(--charcoal);font-size:.9rem}.aap-notes-cell .aap-no-notes{color:#999;font-style:italic}.aap-table-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.aap-action-btn{padding:.5rem .9rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;white-space:nowrap}.aap-action-btn.aap-confirm{background-color:#17a2b8;color:var(--white)}.aap-action-btn.aap-confirm:hover{background-color:#138496;transform:translateY(-2px)}.aap-action-btn.aap-complete{background-color:#28a745;color:var(--white)}.aap-action-btn.aap-complete:hover{background-color:#218838;transform:translateY(-2px)}.aap-action-btn.aap-edit{background-color:var(--gold);color:var(--white)}.aap-action-btn.aap-edit:hover{background-color:#b8921f;transform:translateY(-2px)}.aap-action-btn.aap-view{background-color:#6c757d;color:var(--white)}.aap-action-btn.aap-view:hover{background-color:#5a6268;transform:translateY(-2px)}.aap-action-btn.aap-delete{background-color:#dc3545;color:var(--white)}.aap-action-btn.aap-delete:hover{background-color:#c82333;transform:translateY(-2px)}.aap-action-btn.aap-whatsapp{background-color:#25d366;color:var(--white);padding:.5rem .75rem}.aap-action-btn.aap-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px)}.aap-action-btn.aap-whatsapp i{font-size:1rem}.aap-action-btn.aap-cancel{background-color:#ffc107;color:var(--dark)}.aap-action-btn.aap-cancel:hover{background-color:#e0a800;transform:translateY(-2px)}.aap-empty-state-cell{padding:3rem!important;text-align:center!important}.aap-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--charcoal)}.aap-empty-state i{font-size:3rem;color:var(--gold);margin-bottom:1rem;opacity:.5}.aap-empty-state p{font-size:1.1rem;opacity:.7}.aap-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014}.aap-pagination-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.aap-pagination-info span:first-child{font-weight:600;color:var(--navy-blue)}.aap-results-count{font-size:.85rem;color:var(--charcoal);opacity:.7}.aap-pagination-btn{padding:.75rem 1.5rem;background-color:var(--navy-blue);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.aap-pagination-btn:hover:not(:disabled){background-color:#0d1f2d;transform:translateY(-2px)}.aap-pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.aap-btn-primary{padding:.75rem 1.5rem;background-color:var(--gold);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit;white-space:nowrap}.aap-btn-primary:hover{background-color:#b8921f;transform:translateY(-2px);box-shadow:0 4px 12px #b8921f4d}.aap-btn-primary i{font-size:.9rem}.aap-btn-reminder{padding:.75rem 1.5rem;background-color:#25d366;color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit;white-space:nowrap}.aap-btn-reminder:hover:not(:disabled){background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.aap-btn-reminder:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.aap-btn-reminder i{font-size:1.1rem}.aap-loading-state,.aap-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.aap-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--gold);border-radius:50%;animation:aap-spin 1s linear infinite;margin-bottom:1rem}@keyframes aap-spin{to{transform:rotate(360deg)}}.aap-loading-state p,.aap-error-state p{font-size:1.1rem;color:var(--charcoal);margin-top:1rem}.aap-error-state i{font-size:3rem;color:#dc3545;margin-bottom:1rem}@media (max-width: 1200px){.aap-appointments-table-container{overflow-x:auto}.aap-appointments-table{min-width:1000px}}@media (max-width: 768px){.admin-appointments-page-unique{padding:1rem}.aap-page-header{flex-direction:column;align-items:flex-start}.aap-header-content h1{font-size:1.5rem}.aap-appointments-filters{flex-direction:column}.aap-filter-select,.aap-filter-date,.aap-filter-search{width:100%}.aap-appointments-stats{grid-template-columns:1fr 1fr}.aap-pagination{flex-direction:column;gap:1rem}.aap-pagination-btn{width:100%}.aap-table-actions{flex-direction:column;align-items:stretch}.aap-action-btn{width:100%;text-align:center}}@media (max-width: 480px){.aap-stat-card{padding:1rem}.aap-stat-icon{width:50px;height:50px;font-size:1.5rem}.aap-stat-content h3{font-size:1.5rem}.aap-appointments-table th,.aap-appointments-table td{padding:.75rem .5rem;font-size:.85rem}}.appointment-completion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.appointment-completion-modal{background:var(--white);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:2px solid var(--border-color)}.appointment-completion-modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.appointment-completion-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--white)}.appointment-completion-modal-close{background:none;border:none;font-size:2rem;color:var(--white);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.appointment-completion-modal-close:hover:not(:disabled){background-color:#fff3;transform:scale(1.1)}.appointment-completion-modal-close:disabled{opacity:.5;cursor:not-allowed}#actualPaidAmount{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background-color:var(--white);color:var(--text-color)}.appointment-completion-info{padding:1.5rem 2rem;background-color:var(--light-gray);border-bottom:1px solid var(--border-color)}.completion-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.completion-info-item:last-child{margin-bottom:0}.completion-info-item .label{font-weight:600;color:var(--text-color);font-size:.95rem}.completion-info-item .value{color:var(--primary-color);font-weight:500;font-size:.95rem}.appointment-completion-form{padding:2rem}.completion-form-group{margin-bottom:1.5rem}.completion-form-group:last-of-type{margin-bottom:2rem}.completion-form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-color);font-size:1rem}.completion-form-group label i{margin-left:.5rem;color:var(--primary-color)}.note-description{display:block;font-weight:400;font-size:.85rem;color:var(--muted-text);margin-top:.25rem;font-style:italic}.completion-form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease;background-color:var(--white);color:var(--text-color)}.completion-form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.completion-form-group textarea:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.7}.completion-form-group textarea::placeholder{color:var(--muted-text);font-style:italic}.completion-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.completion-modal-actions .btn-secondary,.completion-modal-actions .btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;min-width:120px;justify-content:center}.completion-modal-actions .btn-secondary{background-color:var(--light-gray);color:var(--text-color);border:2px solid var(--border-color)}.completion-modal-actions .btn-secondary:hover:not(:disabled){background-color:var(--border-color);transform:translateY(-2px)}.completion-modal-actions .btn-primary{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:2px solid transparent}.completion-modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.3)}.completion-modal-actions .btn-secondary:disabled,.completion-modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.completion-modal-actions .fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.appointment-completion-modal-overlay{padding:.5rem}.appointment-completion-modal{max-width:100%;max-height:95vh}.appointment-completion-modal-header{padding:1rem 1.5rem}.appointment-completion-modal-header h3{font-size:1.25rem}.appointment-completion-info{padding:1rem 1.5rem}.completion-info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.appointment-completion-form{padding:1.5rem}.completion-modal-actions{flex-direction:column;gap:.75rem}.completion-modal-actions .btn-secondary,.completion-modal-actions .btn-primary{width:100%}}.admin-create-appointment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.admin-create-appointment-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.admin-create-appointment-modal .modal-header{padding:1.5rem;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.admin-create-appointment-modal .modal-header h2{margin:0;color:var(--navy-blue);font-size:1.5rem}.admin-create-appointment-modal .close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.admin-create-appointment-modal .close-btn:hover{background-color:#f0f0f0;color:#333}.admin-create-appointment-modal .modal-body{padding:1.5rem}.admin-create-appointment-modal .form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.admin-create-appointment-modal .form-section:last-of-type{border-bottom:none}.admin-create-appointment-modal .form-section h3{color:var(--navy-blue);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.admin-create-appointment-modal .form-group{margin-bottom:1rem}.admin-create-appointment-modal .form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.95rem}.admin-create-appointment-modal .form-group input,.admin-create-appointment-modal .form-group select,.admin-create-appointment-modal .form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.admin-create-appointment-modal .form-group input:focus,.admin-create-appointment-modal .form-group select:focus,.admin-create-appointment-modal .form-group textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.admin-create-appointment-modal .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-create-appointment-modal .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-create-appointment-modal .time-preview{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem;border-left:4px solid var(--gold);font-size:.95rem;line-height:1.8}.admin-create-appointment-modal .custom-time-section{background-color:#fff3cd;padding:1rem;border-radius:8px;margin-top:1rem}.admin-create-appointment-modal .custom-time-section>label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#856404;cursor:pointer;margin-bottom:1rem}.admin-create-appointment-modal .custom-time-section input[type=checkbox]{width:20px;height:20px;cursor:pointer}.admin-create-appointment-modal .error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #dc3545}.admin-create-appointment-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #f0f0f0;margin-top:1.5rem}.admin-create-appointment-modal .cr-btn-primary,.admin-create-appointment-modal .cr-btn-secondary{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-create-appointment-modal .cr-btn-primary{background-color:var(--gold);color:var(--white)}.admin-create-appointment-modal .cr-btn-primary:hover:not(:disabled){background-color:#c4a000;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.admin-create-appointment-modal .cr-btn-secondary{background-color:#6c757d;color:#fff}.admin-create-appointment-modal .cr-btn-secondary:hover:not(:disabled){background-color:#5a6268}.admin-create-appointment-modal button:disabled{opacity:.6;cursor:not-allowed}.admin-create-appointment-modal .staff-availability-checking{margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #2196F3;border-radius:6px;color:#1565c0;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.admin-create-appointment-modal .staff-availability-checking i{color:#2196f3}.admin-create-appointment-modal .staff-availability-warning{margin-top:.75rem;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:2px solid #ffc107;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #ffc10726}.admin-create-appointment-modal .staff-availability-warning .warning-header{background:linear-gradient(135deg,#ffc107,#ffb300);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;color:#663c00}.admin-create-appointment-modal .staff-availability-warning .warning-header i{font-size:1.1rem}.admin-create-appointment-modal .staff-availability-warning .warning-header strong{font-size:.95rem}.admin-create-appointment-modal .staff-availability-warning .warning-content{padding:1rem}.admin-create-appointment-modal .staff-availability-warning .warning-content p{margin:0 0 .75rem;color:#856404;font-size:.9rem}.admin-create-appointment-modal .staff-availability-warning .conflict-list{list-style:none;padding:0;margin:0 0 .75rem;background:#ffffffb3;border-radius:6px;padding:.75rem 1rem}.admin-create-appointment-modal .staff-availability-warning .conflict-list li{padding:.5rem 0;border-bottom:1px solid rgba(255,193,7,.2);color:#663c00;font-size:.9rem;font-weight:500}.admin-create-appointment-modal .staff-availability-warning .conflict-list li:last-child{border-bottom:none;padding-bottom:0}.admin-create-appointment-modal .staff-availability-warning .warning-note{margin:.75rem 0 0;padding:.75rem;background:#ffffff80;border-radius:6px;border-left:3px solid #ffc107;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#856404}.admin-create-appointment-modal .staff-availability-warning .warning-note i{color:#ffc107;flex-shrink:0}@media (max-width: 768px){.admin-create-appointment-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.admin-create-appointment-modal .form-grid,.admin-create-appointment-modal .form-grid-2{grid-template-columns:1fr}.admin-create-appointment-modal .modal-actions{flex-direction:column}.admin-create-appointment-modal .cr-btn-primary,.admin-create-appointment-modal .cr-btn-secondary{width:100%}}.appointments-timeline{background:var(--navy-blue, #0a1f44);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 6px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}.timeline-date{display:flex;align-items:center;gap:10px}.timeline-date i{font-size:24px;color:var(--white, #ffffff)}.timeline-date h3{margin:0;font-size:20px;color:var(--white, #ffffff)}.timeline-count{background:var(--gold, #c9a227);color:var(--navy-blue, #0a1f44);padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.timeline-container{position:relative;min-height:400px;margin:20px 0;background:#0003;border-radius:8px;padding:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-axis{position:relative;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.2);direction:rtl;height:40px;min-width:1000px}.timeline-time-slot{position:absolute;text-align:center;transform:translate(50%)}.time-label{font-size:12px;color:var(--white, #ffffff);font-weight:600;display:block;margin-bottom:5px}.time-marker{width:2px;height:10px;background:#ffffff4d;margin:0 auto}.timeline-track{position:relative;min-height:80px;width:100%;direction:rtl;padding-bottom:10px;min-width:1000px}.timeline-appointment{background:linear-gradient(135deg,#c9a2271a,#0a1f4480);border-radius:8px;padding:8px 10px;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .2s ease;border-right:4px solid var(--gold, #c9a227);position:absolute;direction:rtl;text-align:right;min-width:0;min-height:0;overflow:hidden}.timeline-appointment:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c9a22740}.appointment-compact{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--white, #ffffff)}.appointment-time-compact{font-weight:700;font-size:13px;color:var(--gold, #c9a227);white-space:nowrap}.appointment-name-compact{font-weight:600;font-size:11px;color:var(--white, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-status-compact{font-size:9px;padding:2px 6px;border-radius:8px;text-align:center;font-weight:600;width:fit-content;white-space:nowrap}.timeline-pending{border-right-color:#c9a227}.timeline-pending .appointment-status-compact{background:#c9a22733;color:#c9a227}.timeline-confirmed{border-right-color:#3b82f6}.timeline-confirmed .appointment-status-compact{background:#3b82f633;color:#3b82f6}.timeline-completed{border-right-color:#10b981}.timeline-completed .appointment-status-compact{background:#10b98133;color:#10b981}.timeline-cancelled{border-right-color:#ef4444;opacity:.8}.timeline-cancelled .appointment-status-compact{background:#ef444433;color:#ef4444}.timeline-empty{text-align:center;padding:60px 20px;color:#fff9}.timeline-empty i{font-size:64px;margin-bottom:20px;color:var(--white, #ffffff);display:block}.timeline-empty p{font-size:16px;margin:0;color:var(--white, #ffffff)}.timeline-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--white, #ffffff)}.legend-color{width:20px;height:20px;border-radius:4px;display:inline-block}.legend-color.timeline-pending{background:#c9a227}.legend-color.timeline-confirmed{background:#3b82f6}.legend-color.timeline-completed{background:#10b981}.legend-color.timeline-cancelled{background:#ef4444}@media (min-width: 769px) and (max-width: 1024px){.appointments-timeline{padding:18px}.timeline-container{padding:15px}.timeline-axis,.timeline-track{min-width:1050px}.timeline-appointment{padding:7px 9px}.appointment-time-compact{font-size:12px}.appointment-name-compact{font-size:10px}.appointment-status-compact{font-size:9px}}@media (max-width: 768px){.appointments-timeline{padding:15px}.timeline-header{flex-direction:column;align-items:flex-start;gap:10px}.timeline-date h3{font-size:18px}.timeline-container{padding:12px;max-height:420px}.timeline-axis,.timeline-track{min-width:1100px}.timeline-appointment{padding:6px 8px}.appointment-compact{gap:3px}.appointment-time-compact{font-size:11px}.appointment-name-compact{font-size:10px;display:block}.appointment-status-compact{font-size:8px;padding:2px 4px;display:block}}.timeline-container::-webkit-scrollbar{width:8px;height:8px}.timeline-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:#c9a22780;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:var(--gold, #c9a227)}.ssm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.ssm-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.ssm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff;border-radius:12px 12px 0 0}.ssm-modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.ssm-close-btn{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.ssm-close-btn:hover{background-color:#fff3}.ssm-modal-body{padding:1.5rem}.ssm-appointment-info{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border-right:4px solid var(--navy-blue)}.ssm-appointment-info p{margin:.5rem 0;font-size:.95rem;color:#333}.ssm-appointment-info strong{color:var(--navy-blue);margin-left:.5rem}.ssm-form-group{margin-bottom:1.5rem}.ssm-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:1rem}.ssm-select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff;cursor:pointer}.ssm-select:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #1436781a}.ssm-select:hover{border-color:var(--navy-blue)}.ssm-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background-color:#fff;resize:vertical;min-height:80px}.ssm-textarea:focus{outline:none;border-color:var(--navy-blue);box-shadow:0 0 0 3px #1436781a}.ssm-textarea:hover{border-color:var(--navy-blue)}.ssm-textarea::placeholder{color:#999}.ssm-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.ssm-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.ssm-btn-cancel{background-color:#f0f0f0;color:#666}.ssm-btn-cancel:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.ssm-btn-confirm{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff}.ssm-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14367866}.ssm-btn:active{transform:translateY(0)}.staff-availability-checking{margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #2196F3;border-radius:6px;color:#1565c0;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.staff-availability-checking i{color:#2196f3}.staff-availability-warning{margin-top:.75rem;background:linear-gradient(135deg,#fff3cd,#fff8e1);border:2px solid #ffc107;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #ffc10726}.staff-availability-warning .warning-header{background:linear-gradient(135deg,#ffc107,#ffb300);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;color:#663c00}.staff-availability-warning .warning-header i{font-size:1.1rem}.staff-availability-warning .warning-header strong{font-size:.95rem}.staff-availability-warning .warning-content{padding:1rem}.staff-availability-warning .warning-content p{margin:0 0 .75rem;color:#856404;font-size:.9rem}.staff-availability-warning .conflict-list{list-style:none;padding:0;margin:0 0 .75rem;background:#ffffffb3;border-radius:6px;padding:.75rem 1rem}.staff-availability-warning .conflict-list li{padding:.5rem 0;border-bottom:1px solid rgba(255,193,7,.2);color:#663c00;font-size:.9rem;font-weight:500}.staff-availability-warning .conflict-list li:last-child{border-bottom:none;padding-bottom:0}.staff-availability-warning .warning-note{margin:.75rem 0 0;padding:.75rem;background:#ffffff80;border-radius:6px;border-left:3px solid #ffc107;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#856404}.staff-availability-warning .warning-note i{color:#ffc107;flex-shrink:0}@media (max-width: 768px){.ssm-modal-content{width:95%;margin:1rem}.ssm-modal-header h3{font-size:1.25rem}.ssm-modal-actions{flex-direction:column}.ssm-btn{width:100%}}.whatsapp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.whatsapp-modal-content{background:var(--white);border-radius:16px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.whatsapp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:14px 14px 0 0}.whatsapp-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.whatsapp-modal-close{background:none;border:none;font-size:1.75rem;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.whatsapp-modal-close:hover{background-color:#fff3}.whatsapp-modal-body{padding:1.5rem}.whatsapp-message-preview{background:linear-gradient(135deg,#dcf8c6,#d4f1c5);border:2px solid #25d366;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.whatsapp-message-preview i{color:#25d366;font-size:1.5rem}.whatsapp-message-preview p{margin:0;color:#075e54;font-weight:600;font-size:.95rem}.whatsapp-message-textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:200px;transition:border-color .3s ease;direction:rtl;line-height:1.6}.whatsapp-message-textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.whatsapp-message-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.85rem;color:#666}.character-count{font-weight:600;color:#075e54}.whatsapp-hint{display:flex;align-items:center;gap:.375rem}.whatsapp-hint i{color:#25d366}.whatsapp-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid #e0e0e0}.mowhatsapp-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.whatsapp-btn-cancel{background-color:#f0f0f0;color:#666}.whatsapp-btn-cancel:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.whatsapp-btn-send{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #25d36666}.whatsapp-btn-send:disabled{opacity:.5;cursor:not-allowed}.whatsapp-btn-send i{font-size:1.2rem}@media (max-width: 768px){.whatsapp-modal-content{max-width:95%;margin:.5rem}.whatsapp-modal-header{padding:1rem 1.25rem}.whatsapp-modal-header h3{font-size:1.125rem}.whatsapp-modal-body{padding:1.25rem}.whatsapp-modal-actions{flex-direction:column-reverse;padding:1.25rem}.mowhatsapp-btn{width:100%;justify-content:center}}.reports-page{min-height:100vh;background-color:#f9f8f7}.reports-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:3rem 0}.reports-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.reports-header h1{color:var(--white);font-size:2.5rem;margin-bottom:.5rem}.reports-header p{color:#ffffffe6;font-size:1.125rem}.reports-header .btn-primary{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.date-filter-section{padding:2rem 0;background-color:var(--white);border-bottom:2px solid var(--border-color)}.date-filter-card{background:var(--white);padding:2rem;border:2px solid var(--border-color);border-radius:12px}.date-filter-card h3{color:var(--navy-blue);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.filter-options{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background-color:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--navy-blue);font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--gold);background-color:#daa5200d}.filter-btn.active{background-color:var(--gold);border-color:var(--gold);color:var(--white)}.custom-date-inputs{display:flex;gap:2rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.date-input-group{flex:1}.date-input-group label{display:block;margin-bottom:.5rem;color:var(--navy-blue);font-weight:600}.date-input-group input[type=date]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;direction:rtl}.date-input-group input[type=date]:focus{outline:none;border-color:var(--gold)}.report-navigation{padding:1.5rem 0;background-color:var(--white);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:100}.report-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.report-tab{padding:1rem 1.5rem;background-color:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--navy-blue);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.report-tab:hover{border-color:var(--gold);background-color:#daa5200d}.report-tab.active{background-color:var(--navy-blue);border-color:var(--navy-blue);color:var(--white)}.report-tab i{font-size:1.1rem}.report-tab.active i{color:var(--white)}.report-content{padding:3rem 0}.report-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--gold);gap:1rem;flex-wrap:wrap}.report-header-with-actions h2{color:var(--navy-blue);font-size:2rem;margin:0;padding:0;border:none}.report-header-with-actions .print-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.75rem 1.5rem}.report-content h2{color:var(--navy-blue);font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--gold)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.summary-card{background:var(--white);padding:2rem;border-radius:12px;border:2px solid var(--border-color);display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.summary-card.revenue{border-color:var(--gold)}.summary-card.appointments{border-color:#28a745}.summary-card.orders{border-color:#007bff}.summary-card.consultations{border-color:#17a2b8}.summary-card .card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:linear-gradient(135deg,var(--gold),#d4af37)}.summary-card .card-info{flex:1}.summary-card h3{color:var(--charcoal);font-size:.9rem;margin-bottom:.5rem;font-weight:600}.summary-card .amount{color:var(--navy-blue);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.summary-card .sub-text{color:var(--charcoal);font-size:.85rem;opacity:.7}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.chart-card{background:var(--white);padding:2rem;border-radius:12px;border:2px solid var(--border-color)}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{color:var(--navy-blue);margin-bottom:1.5rem;font-size:1.25rem}.status-chart{display:flex;flex-direction:column;gap:1rem}.status-item,.status-bar-wrapper{width:100%}.status-label{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--navy-blue);font-weight:600}.status-value{color:var(--gold)}.status-bar{width:100%;height:24px;background-color:var(--border-color);border-radius:12px;overflow:hidden}.status-fill{height:100%;transition:width .5s ease;border-radius:12px;background:linear-gradient(90deg,var(--gold),#d4af37)}.top-items-list{display:flex;flex-direction:column;gap:1rem}.top-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9f8f7;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.top-item:hover{border-color:var(--gold);background-color:var(--white)}.item-rank{width:32px;height:32px;background:linear-gradient(135deg,var(--gold),#d4af37);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.item-name{flex:1;color:var(--navy-blue);font-weight:600}.item-value{color:var(--gold);font-weight:700}.revenue-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.revenue-card{background:var(--white);padding:2.5rem;border-radius:12px;border:2px solid var(--border-color);text-align:center;transition:all .3s ease}.revenue-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.revenue-card.total{border-color:var(--gold);background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);color:var(--white)}.revenue-card.total h3,.revenue-card.total .revenue-amount{color:var(--white)}.revenue-card h3{color:var(--navy-blue);font-size:1.125rem;margin-bottom:1rem;font-weight:600}.revenue-amount{color:var(--navy-blue);font-size:2rem;font-weight:700;margin-bottom:.5rem}.revenue-card .percentage{display:inline-block;padding:.25rem .75rem;background-color:#daa5201a;color:var(--gold);border-radius:20px;font-weight:600;font-size:.875rem}.monthly-revenue-chart{display:flex;justify-content:space-between;align-items:flex-end;gap:.5rem;height:300px;padding:1rem 0}.month-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-wrapper{width:100%;height:250px;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:100%;max-width:60px;background:linear-gradient(180deg,var(--gold),#d4af37);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.bar-fill:hover{background:linear-gradient(180deg,var(--navy-blue),#0f2a5a);transform:scaleY(1.05)}.bar-value{color:var(--white);font-size:.75rem;font-weight:700}.month-label{font-size:.75rem;color:var(--navy-blue);font-weight:600;text-align:center;writing-mode:horizontal-tb}.month-details{font-size:.7rem;color:var(--charcoal);opacity:.7}.report-table-card{background:var(--white);padding:2rem;border-radius:12px;border:2px solid var(--border-color);overflow-x:auto}.report-table-card h3{color:var(--navy-blue);margin-bottom:1.5rem;font-size:1.25rem}.report-table{width:100%;border-collapse:collapse}.report-table thead{background-color:var(--navy-blue)}.report-table th{padding:1rem;text-align:right;color:var(--white);font-weight:600;border:1px solid rgba(255,255,255,.1)}.report-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s ease}.report-table tbody tr:hover{background-color:#daa5200d}.report-table td{padding:1rem;text-align:right;color:var(--charcoal);border:1px solid var(--border-color)}.report-table .revenue-cell{color:var(--gold);font-weight:700}.stock-status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.stock-status.in-stock{background-color:#d4edda;color:#155724}.stock-status.out-stock{background-color:#f8d7da;color:#721c24}.customers-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-stat{background:var(--white);padding:1.5rem;border-radius:12px;border:2px solid var(--border-color);text-align:center}.summary-stat h3{color:var(--navy-blue);font-size:.9rem;margin-bottom:.75rem;font-weight:600}.summary-stat p{color:var(--gold);font-size:2rem;font-weight:700;margin:0}.print-only-header,.print-all-reports{display:none}.loading-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--navy-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--charcoal);font-size:1.125rem}@media print{.print-btn,.date-filter-section,.report-navigation,.charts-grid,.monthly-revenue-chart{display:none!important}.print-only-header,.print-all-reports{display:block!important}.reports-page{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body,.reports-page{background:#fff!important}.print-all-reports{background:#fff!important;width:100%!important;max-width:100%!important;padding:1rem!important}.print-all-reports .report-content{page-break-after:always}.print-all-reports .report-content:last-child{page-break-after:auto}.report-content:before{content:"";display:block;text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--navy-blue)}.report-header-with-actions{border-bottom:3px solid var(--navy-blue);padding-bottom:1rem;margin-bottom:2rem}.report-header-with-actions h2{color:var(--navy-blue)!important;font-size:1.75rem;font-weight:700;text-align:center}.report-content{padding:0;page-break-after:always}.container{max-width:100%!important;padding:0 1rem!important}.summary-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin-bottom:2rem!important;page-break-inside:avoid}.summary-card{border:2px solid #333!important;background:#fff!important;padding:1rem!important;break-inside:avoid;page-break-inside:avoid}.summary-card .card-icon{background:var(--navy-blue)!important;-webkit-print-color-adjust:exact}.summary-card .card-info h3{color:var(--navy-blue)!important;font-size:1rem;font-weight:700}.summary-card .amount,.summary-card .stat-number{color:#000!important;font-size:1.5rem;font-weight:700}.summary-card .sub-text{color:#666!important;font-size:.875rem}.revenue-summary{display:flex!important;gap:1rem!important;margin-bottom:2rem!important;page-break-inside:avoid}.revenue-card{border:2px solid #333!important;background:#fff!important;padding:1rem!important;flex:1}.revenue-card h3{color:var(--navy-blue)!important;font-size:1rem;font-weight:700}.revenue-amount{color:#000!important;font-size:1.25rem;font-weight:700}.report-table-card{border:2px solid #333!important;background:#fff!important;padding:0!important;margin-bottom:2rem!important;page-break-inside:auto}.report-table{width:100%!important;border-collapse:collapse!important;background:#fff!important}.report-table thead{background:var(--navy-blue)!important;-webkit-print-color-adjust:exact}.report-table th{background:var(--navy-blue)!important;color:#fff!important;padding:.75rem .5rem!important;text-align:center!important;font-weight:700!important;border:1px solid #333!important;font-size:.875rem!important;-webkit-print-color-adjust:exact}.report-table td{padding:.75rem .5rem!important;text-align:center!important;border:1px solid #333!important;color:#000!important;font-size:.875rem!important;background:#fff!important}.report-table tbody tr:nth-child(2n){background:#f5f5f5!important;-webkit-print-color-adjust:exact}.report-table tbody tr:hover{background:#fff!important}.customers-summary{display:flex!important;gap:1rem!important;margin-bottom:2rem!important;page-break-inside:avoid}.summary-stat{border:2px solid #333!important;background:#fff!important;padding:1rem!important;text-align:center;flex:1}.summary-stat h3{color:var(--navy-blue)!important;font-size:1rem;font-weight:700}.summary-stat p{color:#000!important;font-size:1.5rem;font-weight:700}.summary-card,.revenue-card,.summary-stat{break-inside:avoid;page-break-inside:avoid}.report-table tbody tr{page-break-inside:avoid}.report-content:after{content:"تاريخ الطباعة: " attr(data-print-date);display:block;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:.875rem;color:#666}*{box-shadow:none!important;text-shadow:none!important}}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.monthly-revenue-chart{gap:.25rem}.month-label{font-size:.65rem}}@media (max-width: 768px){.reports-header .header-content{flex-direction:column;align-items:stretch}.reports-header h1{font-size:2rem}.report-header-with-actions{flex-direction:column;align-items:stretch}.report-header-with-actions h2{font-size:1.75rem}.report-header-with-actions .print-btn{width:100%;justify-content:center}.summary-grid{grid-template-columns:repeat(2,1fr)}.filter-options{flex-direction:column}.filter-btn{width:100%;text-align:center}.custom-date-inputs{flex-direction:column;gap:1rem}.report-tabs{flex-direction:row}.report-tab{width:100%;justify-content:center}.revenue-summary{grid-template-columns:1fr}.monthly-revenue-chart{height:250px}.bar-wrapper{height:200px}.bar-fill{max-width:40px}.month-label{font-size:.6rem}.report-table-card{padding:1rem}.report-table th,.report-table td{padding:.75rem .5rem;font-size:.875rem}.summary-card{flex-direction:column;text-align:center}}@media (max-width: 480px){.reports-header{padding:2rem 0}.reports-header h1,.report-content h2,.summary-card .amount,.revenue-amount{font-size:1.5rem}.chart-card,.report-table-card{padding:1rem}.monthly-revenue-chart{height:200px}.bar-wrapper{height:150px}.summary-stat p{font-size:1.5rem}}.admin-feedbacks-page{min-height:100vh;background:var(--bg);padding:2rem 0}.admin-feedbacks-container{max-width:1400px;margin:0 auto;padding:0 20px}.admin-feedbacks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.feedback-rating .fa-star{color:var(--gold)}.admin-feedbacks-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2.5rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 24px #07162626}.admin-feedbacks-header h1{color:var(--white);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;font-size:2rem}.admin-feedbacks-header p{color:#ffffffe6;font-size:1.1rem;margin:0}.feedbacks-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #07162614;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0716261f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;background:linear-gradient(135deg,var(--navy-blue),#0f2a5a)}.stat-info h3{color:var(--charcoal);font-size:.9rem;margin-bottom:.25rem;font-weight:600}.stat-number{font-size:2rem;font-weight:700;color:var(--navy-blue);margin:0}.feedbacks-filters{background:var(--white);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #07162614}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;font-weight:600;color:var(--navy-blue);margin-bottom:.75rem;font-size:.95rem}.filter-btn{padding:.625rem 1.25rem;border:2px solid var(--border-color);background:var(--white);color:var(--charcoal);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{border-color:var(--gold);color:var(--navy-blue);background:#b8921f0d}.filter-btn.active{background:linear-gradient(135deg,var(--navy-blue),#0f2a5a);color:var(--white);border-color:var(--navy-blue)}.search-group{position:relative}.search-group i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--charcoal);opacity:.5}.search-group input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.search-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.feedbacks-list{display:flex;flex-direction:column;gap:1.5rem}.no-feedbacks{background:var(--white);padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px #07162614}.no-feedbacks i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.no-feedbacks p{color:var(--charcoal);font-size:1.1rem;margin:0}.feedback-card{background:var(--white);border-radius:12px;box-shadow:0 4px 12px #07162614;transition:all .3s ease;overflow:hidden}.feedback-card:hover{box-shadow:0 8px 20px #0716261f}.feedback-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:#b8921f08}.feedback-user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--navy-blue),#0f2a5a);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{text-transform:uppercase}.user-details h4{color:var(--navy-blue);margin-bottom:.25rem;font-size:1.1rem}.feedback-user-name-link{text-decoration:none;color:inherit;transition:all .2s ease}.feedback-user-name-link h4{color:var(--primary);display:inline-block;transition:all .2s ease}.feedback-user-name-link:hover h4{color:var(--navy-blue);text-decoration:underline;transform:translate(-2px)}.feedback-phone{color:#666;font-size:.9rem;margin:.25rem 0 .5rem;display:flex;align-items:center;gap:.5rem}.feedback-phone i{color:var(--primary);font-size:.85rem}.feedback-meta{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge,.type-badge,.visibility-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.type-badge.general{background:#d1ecf1;color:#0c5460}.type-badge.product{background:#e2e3e5;color:#383d41}.visibility-badge.visible{background:#d4edda;color:#155724}.visibility-badge.hidden{background:#f8d7da;color:#721c24}.feedback-rating{font-size:1.25rem;flex-shrink:0}.feedback-card-body{padding:1.5rem}.feedback-service{display:flex;align-items:center;gap:.5rem;color:var(--gold);font-weight:600;margin-bottom:1rem;font-size:.95rem}.feedback-service i{color:var(--gold)}.product-link{color:var(--primary);text-decoration:none;border-bottom:1px dashed var(--primary);transition:all .3s ease}.product-link:hover{color:var(--gold);border-bottom-color:var(--gold);border-bottom-style:solid}.feedback-text{color:var(--charcoal);line-height:1.7;margin-bottom:1rem;font-size:1rem;font-style:italic}.feedback-date{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.feedback-date i{color:var(--text-secondary)}.feedback-card-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#07162605;border-top:1px solid var(--border-color);flex-wrap:wrap}.feedback-action-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.feedback-action-btn.approve{background:linear-gradient(135deg,#27ae60,#229954);color:var(--white)}.feedback-action-btn.approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.feedback-action-btn.approve-hidden{background:linear-gradient(135deg,#3498db,#2980b9);color:var(--white)}.feedback-action-btn.approve-hidden:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.feedback-action-btn.reject{background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white)}.feedback-action-btn.reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.feedback-action-btn.toggle-visibility{background:linear-gradient(135deg,var(--gold),#d4a843);color:var(--white)}.feedback-action-btn.toggle-visibility:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8921f4d}.feedback-action-btn.delete{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:var(--white)}.feedback-action-btn.delete:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}@media (max-width: 968px){.admin-feedbacks-header{padding:2rem 1.5rem}.admin-feedbacks-header h1{font-size:1.6rem}.feedbacks-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.feedback-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.feedback-rating{align-self:flex-start}}@media (max-width: 640px){.admin-feedbacks-page{padding:1rem 0}.admin-feedbacks-header{padding:1.5rem 1rem;border-radius:12px}.admin-feedbacks-header h1{font-size:1.4rem}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-number{font-size:1.75rem}.feedbacks-filters{padding:1rem}.filter-group{margin-bottom:1rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}.feedback-card-header{padding:1rem}.user-avatar{width:40px;height:40px;font-size:1.2rem}.user-details h4{font-size:1rem}.feedback-card-body{padding:1rem}.feedback-card-actions{padding:.75rem 1rem;gap:.5rem}.feedback-action-btn{padding:.5rem 1rem;font-size:.85rem;flex:1;min-width:calc(50% - .25rem);justify-content:center}}.feedbacks-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000000d}.feed-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--navy-blue);color:var(--white);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.feed-pagination-btn:hover:not(:disabled){background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.feed-pagination-btn:hover:disabled{background:var(--light-gray)}.feed-pagination-btn:disabled{background:var(--light-gray);color:var(--text-muted);cursor:not-allowed;opacity:.6}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pagination-info span:first-child{font-size:1rem;font-weight:600;color:var(--navy-blue)}.results-count{font-size:.85rem;color:var(--text-muted)}@media (max-width: 768px){.feedbacks-pagination{gap:1rem;padding:1rem}.pagination-btn{padding:.6rem 1rem;font-size:.85rem}.pagination-info span:first-child{font-size:.9rem}.results-count{font-size:.8rem}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.custom-alert{background:var(--white);border-radius:16px;max-width:450px;width:100%;padding:2rem;box-shadow:0 20px 60px #0716264d;animation:slideUp .3s ease;text-align:center}.custom-alert-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem}.custom-alert-icon.warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:var(--white)}.custom-alert-icon.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:var(--white)}.custom-alert-icon.success{background:linear-gradient(135deg,#27ae60,#229954);color:var(--white)}.custom-alert-icon.info{background:linear-gradient(135deg,#3498db,#2980b9);color:var(--white)}.custom-alert-content{margin-bottom:2rem}.custom-alert-title{color:var(--navy-blue);font-size:1.5rem;margin-bottom:.75rem;font-weight:700}.custom-alert-message{color:var(--charcoal);font-size:1rem;line-height:1.6;margin:0}.custom-alert-actions{display:flex;gap:1rem}.custom-alert-btn{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.custom-alert-btn.cancel{background:var(--white);color:var(--navy-blue);border:2px solid var(--border-color)}.custom-alert-btn.cancel:hover{background:#0716260d;border-color:var(--navy-blue)}.custom-alert-btn.confirm{color:var(--white)}.custom-alert-btn.confirm.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.custom-alert-btn.confirm.warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.custom-alert-btn.confirm.danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.custom-alert-btn.confirm.danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.custom-alert-btn.confirm.success{background:linear-gradient(135deg,#27ae60,#229954)}.custom-alert-btn.confirm.success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.custom-alert-btn.confirm.info{background:linear-gradient(135deg,#3498db,#2980b9)}.custom-alert-btn.confirm.info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.custom-alert{padding:1.5rem}.custom-alert-icon{width:60px;height:60px;font-size:2rem}.custom-alert-title{font-size:1.25rem}.custom-alert-actions{flex-direction:column}.custom-alert-btn{width:100%}}.admin-users-page{min-height:100vh;background-color:#f9f8f7;padding:2rem 0}.admin-users-container{max-width:1400px;margin:0 auto;padding:0 1rem}.admin-users-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2rem;border-radius:12px;margin-bottom:2rem}.admin-users-header h1{color:var(--white);font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.admin-users-header p{color:#ffffffe6;font-size:1rem}.admin-users-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.admin-users-loading p{color:var(--charcoal);font-size:1.125rem}.users-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card.total{border-color:var(--navy-blue)}.stat-card.customers{border-color:#007bff}.stat-card.staff{border-color:#28a745}.stat-card.admins{border-color:var(--gold)}.stat-number{color:var(--navy-blue);font-size:2rem;font-weight:700}.users-filters{background:var(--white);padding:1.5rem;border-radius:12px;border:2px solid var(--border-color);margin-bottom:2rem}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;color:var(--charcoal);font-weight:600;margin-bottom:.75rem}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--charcoal);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{border-color:var(--gold);background:#daa5200d}.filter-btn.active{background:var(--navy-blue);border-color:var(--navy-blue);color:var(--white)}.user-search-group{position:relative;margin-top:1rem}.user-search-group i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--charcoal);opacity:.5}.user-search-group input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.user-search-group input:focus{outline:none;border-color:var(--gold)}.add-user-buttons{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--navy-blue);color:var(--white)}.add-user-btn:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.add-user-btn i{font-size:1.1rem}.users-list{margin-bottom:2rem}.no-users{background:var(--white);padding:4rem 2rem;border-radius:12px;text-align:center;border:2px solid var(--border-color)}.no-users i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.no-users p{color:var(--charcoal);font-size:1.125rem}.users-table-card{background:var(--white);border-radius:12px;border:2px solid var(--border-color);overflow:scroll}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--navy-blue)}.users-table th{color:var(--white);padding:1rem;text-align:center;font-weight:600;white-space:nowrap}.users-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color);vertical-align:middle}.users-table tbody tr:hover{background-color:#daa5200d}.users-table tbody tr:last-child td{border-bottom:none}.user-avatar{display:flex;justify-content:center}.user-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--navy-blue),#0f2a5a);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.role-badge.admin{background:linear-gradient(135deg,var(--gold),#d4af37);color:var(--white)}.role-badge.staff{background:linear-gradient(135deg,#28a745,#218838);color:var(--white)}.role-badge.customer{background:linear-gradient(135deg,#007bff,#0056b3);color:var(--white)}.action-buttons-group{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.users-action-btn{padding:.5rem .75rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}.users-action-btn i{color:var(--white)}.users-action-btn.view{background:linear-gradient(135deg,var(--navy-blue),#0f2a5a);color:var(--white)}.users-action-btn.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0716264d}.users-action-btn.edit{background:linear-gradient(135deg,var(--gold),#d4af37);color:var(--white)}.users-action-btn.edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}@media (max-width: 1024px){.users-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-users-header h1{font-size:1.5rem}.filter-buttons{flex-direction:column}.filter-btn{width:100%;text-align:center}.users-table-card{overflow-x:auto}.users-table{min-width:900px}}@media (max-width: 480px){.admin-users-header{padding:1.5rem}.admin-users-header h1{font-size:1.25rem}.stat-card{flex-direction:column;text-align:center}}.user-details-page{min-height:100vh;background-color:#f9f8f7;padding:2rem 0}.user-details-container{max-width:1400px;margin:0 auto;padding:0 1rem}.user-details-loading,.user-not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.user-not-found i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.user-not-found h2{color:var(--charcoal);margin-bottom:1rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--charcoal);font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-btn:hover{border-color:var(--navy-blue);background:var(--navy-blue);color:var(--white)}.user-header{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:2rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:2rem}.user-avatar-large{flex-shrink:0}.user-avatar-large img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2)}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#d4af37);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:4px solid rgba(255,255,255,.2)}.user-header-info h1{color:var(--white);font-size:2rem;margin-bottom:.75rem}.user-email,.user-phone{color:#ffffffe6;font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.user-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem}.join-date{color:#fffc;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.role-badge{padding:.4rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;display:inline-block}.role-badge.admin{background:var(--gold);color:var(--white)}.role-badge.staff{background:#28a745;color:var(--white)}.role-badge.customer{background:#007bff;color:var(--white)}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:12px;border:2px solid var(--border-color);display:flex;gap:1.5rem;align-items:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--navy-blue),#0f2a5a)}.stat-info h3{color:var(--charcoal);font-size:.875rem;margin-bottom:.5rem;font-weight:600}.stat-number{color:var(--navy-blue);font-size:2rem;font-weight:700;display:block;margin-bottom:.25rem}.stat-sub{color:#666;font-size:.875rem}.details-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);overflow-x:auto}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--charcoal);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tab-btn:hover{color:var(--navy-blue);background:#0716260d}.tab-btn.active{color:var(--navy-blue);border-bottom-color:var(--gold);background:#daa5200d}.tab-content{min-height:400px}.overview-content{display:grid;gap:2rem}.info-card{background:var(--white);padding:2rem;border-radius:12px;border:2px solid var(--border-color)}.info-card h3{color:var(--navy-blue);font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#666;font-size:.875rem;font-weight:600}.info-item span{color:var(--charcoal);font-size:1rem}.activity-stats{display:grid;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#07162605;border-radius:8px;border:1px solid var(--border-color)}.activity-item i{font-size:1.5rem;color:var(--gold);width:40px;text-align:center}.activity-item div{flex:1;display:flex;justify-content:space-between;align-items:center}.activity-item strong{color:var(--charcoal);font-size:.875rem}.activity-item span{color:var(--navy-blue);font-weight:600}.no-data{background:var(--white);padding:4rem 2rem;border-radius:12px;text-align:center;border:2px solid var(--border-color)}.no-data i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.no-data p{color:var(--charcoal);font-size:1.125rem}.table-card{background:var(--white);border-radius:12px;border:2px solid var(--border-color);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--navy-blue)}.data-table th{color:var(--white);padding:1rem;text-align:center;font-weight:600;white-space:nowrap}.data-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color)}.data-table tbody tr:hover{background-color:#daa5200d}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:.4rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;display:inline-block}.status-badge.pending{background:#ffc107;color:#000}.status-badge.confirmed{background:#17a2b8;color:var(--white)}.status-badge.processing{background:#007bff;color:var(--white)}.status-badge.shipped{background:#6f42c1;color:var(--white)}.status-badge.delivered,.status-badge.completed{background:#28a745;color:var(--white)}.status-badge.cancelled,.status-badge.rejected{background:#dc3545;color:var(--white)}@media (max-width: 768px){.user-header{flex-direction:column;text-align:center}.user-header-info h1{font-size:1.5rem}.user-meta{flex-direction:column;align-items:center}.user-stats-grid{grid-template-columns:1fr}.details-tabs{flex-wrap:nowrap;overflow-x:auto}.info-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}.data-table{min-width:700px}.activity-item div{flex-direction:column;align-items:flex-start;gap:.5rem}.user-details-detail-grid{grid-template-columns:1fr}.user-details-order-modal,.user-details-appointment-modal{max-height:45vh}}@media (max-width: 480px){.user-avatar-large img,.avatar-placeholder-large{width:100px;height:100px;font-size:2.5rem}.user-header{padding:1.5rem}.stat-card{flex-direction:column;text-align:center}.user-details-detail-grid{grid-template-columns:1fr}}.click-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#e8f4fd;border:1px solid #b3d9f2;border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:#0c5a8a}.click-hint i{color:var(--primary-color);font-size:1rem}.user-details-page .clickable-row{transition:all .2s ease}.user-details-page .clickable-row:hover{background-color:#f0f7ff!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-details-order-modal,.user-details-appointment-modal{text-align:right;direction:rtl;max-height:50vh;overflow-y:auto;padding-right:.5rem}.user-details-modal-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.user-details-modal-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.user-details-modal-section h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.user-details-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.user-details-detail-item{display:flex;flex-direction:column;gap:.25rem}.user-details-detail-item.full-width{grid-column:1 / -1}.user-details-detail-item label{font-size:.85rem;color:#666;font-weight:600}.user-details-detail-item span{font-size:1rem;color:var(--charcoal)}.user-details-order-modal::-webkit-scrollbar,.user-details-appointment-modal::-webkit-scrollbar{width:8px}.user-details-order-modal::-webkit-scrollbar-track,.user-details-appointment-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.user-details-order-modal::-webkit-scrollbar-thumb,.user-details-appointment-modal::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.user-details-order-modal::-webkit-scrollbar-thumb:hover,.user-details-appointment-modal::-webkit-scrollbar-thumb:hover{background:var(--charcoal)}.user-details-products-list{display:flex;flex-direction:column;gap:.75rem}.user-details-product-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.user-details-product-info{display:flex;align-items:center;gap:.5rem}.user-details-product-name{font-weight:600;color:var(--charcoal)}.user-details-product-quantity{color:#666;font-size:.9rem}.user-details-product-price{font-weight:700;color:var(--primary-color)}.user-details-financial-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#f9f9f9;border-radius:8px}.user-details-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.user-details-summary-row.total{border-top:2px solid var(--primary-color);padding-top:1rem;margin-top:.5rem;font-size:1.1rem}.user-details-summary-row.total span{color:var(--primary-color)}.staff-dashboard .header-stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.staff-dashboard .header-stat-card{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);padding:1.5rem;border:2px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.staff-dashboard .header-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.staff-dashboard .header-stat-card .stat-icon{font-size:2rem;flex-shrink:0;color:var(--white);opacity:.9}.staff-dashboard .header-stat-card .stat-info h3{font-size:1.75rem;font-weight:700;color:var(--white);margin-bottom:.25rem}.staff-dashboard .header-stat-card .stat-info p{color:var(--white);margin:0;font-weight:600;opacity:.9}.staff-dashboard .dashboard-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start;padding-top:2rem}.staff-dashboard .dashboard-sidebar{position:sticky;top:100px}.staff-dashboard .dashboard-nav{background-color:var(--white);border:2px solid var(--border-color)}.staff-dashboard .dashboard-nav .nav-item{width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:600;color:var(--charcoal);border-bottom:1px solid var(--border-color)}.staff-dashboard .dashboard-nav .nav-item:last-child{border-bottom:none}.staff-dashboard .dashboard-nav .nav-item:hover{background-color:#f9f8f7;color:var(--navy-blue)}.staff-dashboard .dashboard-nav .nav-item.active{background-color:var(--navy-blue);color:var(--white)}.staff-dashboard .dashboard-nav .nav-item.active .nav-icon,.staff-dashboard .dashboard-nav .nav-item.active .fas,.staff-dashboard .dashboard-nav .nav-item.active .far,.staff-dashboard .dashboard-nav .nav-item.active .fab{color:var(--white)}.staff-dashboard .dashboard-nav .nav-icon{font-size:1.25rem;color:var(--navy-blue)}.staff-dashboard .dashboard-main{background-color:var(--white);border:2px solid var(--border-color);min-height:600px}.staff-dashboard .tab-content{padding:2rem}.staff-dashboard .tab-content h2{color:var(--navy-blue);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.staff-dashboard .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.staff-dashboard .tab-header h2{margin:0;padding:0;border:none}.date-picker{padding:8px 12px;border:2px solid var(--border-color);background-color:var(--white);font-size:1rem;color:var(--charcoal)}.date-picker:focus{outline:none;border-color:var(--navy-blue)}.staff-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.staff-dashboard .stat-card{background-color:#f9f8f7;padding:1.5rem;border:2px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.staff-dashboard .stat-card:hover{border-color:var(--navy-blue);transform:translateY(-3px)}.staff-dashboard .stat-card.total{border-color:var(--navy-blue)}.staff-dashboard .stat-card.completed{border-color:#28a745}.staff-dashboard .stat-card.revenue{border-color:var(--gold)}.staff-dashboard .stat-card.rate{border-color:var(--navy-blue)}.staff-dashboard .stat-icon{font-size:2rem;flex-shrink:0;color:var(--navy-blue)}.staff-dashboard .stat-info h3{font-size:1.5rem;font-weight:700;color:var(--navy-blue);margin-bottom:.25rem}.staff-dashboard .stat-info p{color:var(--charcoal);margin:0;font-weight:600}.today-schedule{background-color:#f9f8f7;padding:2rem;border:2px solid var(--border-color);margin-bottom:2rem}.today-schedule h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.schedule-list{display:flex;flex-direction:column;gap:1rem}.schedule-item{background-color:var(--white);padding:1rem;border:2px solid var(--border-color);display:flex;align-items:center;gap:1rem}.schedule-time{background-color:var(--navy-blue);color:var(--white);padding:.5rem 1rem;font-weight:700;font-size:1.125rem;min-width:80px;text-align:center}.schedule-info{flex:1}.schedule-info h4{color:var(--navy-blue);margin-bottom:.25rem}.schedule-info p{color:var(--charcoal);margin-bottom:.25rem}.duration{font-size:.875rem;color:var(--charcoal);opacity:.8}.empty-schedule,.empty-upcoming{text-align:center;padding:2rem;color:var(--charcoal);opacity:.7}.upcoming-appointments{background-color:var(--white);padding:2rem;border:2px solid var(--border-color)}.upcoming-appointments h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.upcoming-list{display:flex;flex-direction:column;gap:1rem}.upcoming-item{background-color:#f9f8f7;padding:1rem;border:2px solid var(--border-color);display:flex;gap:1rem;align-items:center}.upcoming-date{background-color:var(--gold);color:var(--white);padding:.5rem;font-weight:600;font-size:.875rem;min-width:100px;text-align:center}.upcoming-info{flex:1}.upcoming-info h4{color:var(--navy-blue);margin-bottom:.25rem}.upcoming-info p{color:var(--charcoal);margin-bottom:.25rem}.upcoming-time{font-size:.875rem;color:var(--navy-blue);font-weight:600}.schedule-view{background-color:#f9f8f7;padding:2rem;border:2px solid var(--border-color)}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.schedule-header h3{color:var(--navy-blue);margin:0}.appointments-count{color:var(--charcoal);font-weight:600}.time-schedule{display:flex;flex-direction:column;gap:.5rem}.time-slot{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:center}.slot-time{background-color:var(--charcoal);color:var(--white);padding:.75rem;text-align:center;font-weight:600}.slot-content{background-color:var(--white);border:2px solid var(--border-color);padding:1rem;min-height:60px;display:flex;align-items:center}.slot-content.booked{border-color:var(--navy-blue);background-color:#f0f9ff}.slot-content.free{border-color:var(--border-color);background-color:var(--white)}.appointment-slot{width:100%;display:flex;justify-content:space-between;align-items:center}.appointment-slot h4{color:var(--navy-blue);margin-bottom:.25rem}.appointment-slot p{color:var(--charcoal);margin-bottom:.25rem}.slot-duration{font-size:.875rem;color:var(--charcoal);opacity:.8}.slot-status{padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--white)}.slot-status.confirmed{background-color:#28a745}.slot-status.pending{background-color:#ffc107;color:var(--charcoal)}.slot-status.completed{background-color:var(--navy-blue)}.slot-status.cancelled{background-color:#dc3545}.free-slot{width:100%;text-align:center;color:var(--charcoal);opacity:.6}.staff-dashboard .appointments-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#f9f8f7;border:2px solid var(--border-color)}.staff-dashboard .filter-select,.staff-dashboard .filter-date,.staff-dashboard .filter-search{padding:8px 12px;border:2px solid var(--border-color);background-color:var(--white);font-size:.9rem}.staff-dashboard .filter-search{flex:1;direction:rtl}.staff-dashboard .filter-select:focus,.staff-dashboard .filter-date:focus,.staff-dashboard .filter-search:focus{outline:none;border-color:var(--navy-blue)}.staff-dashboard .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;background-color:var(--light-gray);border-radius:8px;border:1px solid var(--border-color)}.staff-dashboard .pagination-btn{background-color:var(--navy-blue);color:var(--white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;min-width:80px}.staff-dashboard .pagination-btn:hover:not(:disabled){background-color:var(--gold);transform:translateY(-1px)}.staff-dashboard .pagination-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.staff-dashboard .pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-primary)}.staff-dashboard .pagination-info span{font-weight:500}.staff-dashboard .results-count{font-size:.8rem;color:var(--text-secondary);font-weight:400!important}.appointments-list{display:flex;flex-direction:column;gap:1.5rem}.staff-appointment-card{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);transition:all .3s ease}.staff-appointment-card:hover{border-color:var(--navy-blue);transform:translateY(-3px)}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.appointment-customer h4{color:var(--navy-blue);margin-bottom:.25rem}.appointment-customer p{color:var(--charcoal);font-size:.875rem;margin:0}.appointment-body{margin-bottom:1rem}.appointment-service h3{color:var(--navy-blue);margin-bottom:1rem}.staff-service-details{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.staff-service-details span{background-color:var(--white);padding:.5rem;border:1px solid var(--border-color);border-radius:18px;font-size:.875rem;color:var(--charcoal)}.appointment-notes{background-color:var(--white);padding:1rem;border:2px solid var(--border-color);margin-top:10px}.appointment-notes h5{color:var(--navy-blue);margin-bottom:.5rem}.appointment-notes p{color:var(--charcoal);margin:0;line-height:1.5}.appointment-actions{display:flex;gap:.75rem;flex-wrap:wrap}.staff-dashboard .action-btn{padding:8px 16px;border:2px solid var(--border-color);background-color:var(--white);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;border-radius:20px}.staff-dashboard .action-btn.confirm{color:#28a745;border-color:#28a745}.staff-dashboard .action-btn.confirm:hover{background-color:#28a745;color:var(--white)}.staff-dashboard .action-btn.complete{color:var(--navy-blue);border-color:var(--navy-blue)}.staff-dashboard .action-btn.complete:hover{background-color:var(--navy-blue);color:var(--white)}.staff-dashboard .action-btn.edit{color:var(--gold);border-color:var(--gold)}.staff-dashboard .action-btn.edit:hover{background-color:var(--gold);color:var(--white)}.staff-dashboard .action-btn.view{color:var(--navy-blue);border-color:var(--navy-blue)}.staff-dashboard .action-btn.view:hover{background-color:var(--navy-blue);color:var(--white)}.staff-dashboard .customers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.staff-dashboard .customer-card{background-color:#f9f8f7;padding:1.5rem;border:2px solid var(--border-color);transition:all .3s ease}.staff-dashboard .customer-card:hover{border-color:var(--gold);transform:translateY(-3px)}.staff-dashboard .customer-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.staff-dashboard .customer-header img{width:60px;height:60px;object-fit:cover;border:2px solid var(--border-color)}.staff-dashboard .customer-header .customer-info h4{color:var(--navy-blue);margin-bottom:.25rem}.staff-dashboard .customer-header .customer-info p{color:var(--charcoal);font-size:.875rem;margin:0}.customer-details{background-color:var(--white);padding:1rem;border:2px solid var(--border-color);margin-bottom:1rem}.detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:var(--charcoal);font-weight:600}.detail-value{color:var(--navy-blue);font-weight:600}.customer-actions{display:flex;gap:.75rem}.customer-actions .action-btn{flex:1;padding:10px;text-align:center}.performance-overview{background-color:#f9f8f7;padding:2rem;border:2px solid var(--border-color);margin-bottom:2rem}.performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.perf-stat{background-color:var(--white);padding:1.5rem;border:2px solid var(--border-color);text-align:center}.perf-number{display:block;font-size:1.75rem;font-weight:700;color:var(--navy-blue);margin-bottom:.5rem}.perf-label{color:var(--charcoal);font-weight:600;font-size:.875rem}.performance-chart{background-color:var(--white);padding:2rem;border:2px solid var(--border-color);margin-bottom:2rem}.performance-chart h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.chart-placeholder{background-color:#f9f8f7;padding:3rem 2rem;border:2px solid var(--border-color);text-align:center;color:var(--charcoal);opacity:.7}.chart-placeholder p{margin-top:1rem;font-size:.9rem}.recent-feedback{background-color:var(--white);padding:2rem;border:2px solid var(--border-color)}.recent-feedback h3{color:var(--navy-blue);margin-bottom:1.5rem;text-align:center}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-item{background-color:#f9f8f7;padding:1.5rem;border:2px solid var(--border-color)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.customer-name{color:var(--navy-blue);font-weight:600}.rating{font-size:1rem}.feedback-text{color:var(--charcoal);font-style:italic;margin-bottom:.5rem;line-height:1.5}.feedback-date{color:var(--charcoal);font-size:.875rem;opacity:.7}.status{padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--white)}.status.confirmed{background-color:#28a745}.status.pending{background-color:#ffc107;color:var(--charcoal)}.status.completed{background-color:var(--navy-blue)}.status.cancelled{background-color:#dc3545}@media (max-width: 1024px){.staff-dashboard .dashboard-layout{grid-template-columns:1fr;gap:1rem}.staff-dashboard .dashboard-sidebar{position:static}.staff-dashboard .dashboard-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.staff-dashboard .dashboard-nav .nav-item{padding:1rem;text-align:center;flex-direction:column;gap:.5rem;font-size:.875rem}.staff-dashboard .header-content{flex-direction:column;gap:1rem;align-items:stretch}.header-stats{justify-content:center}}@media (max-width: 768px){.staff-dashboard .dashboard-header{padding:1.5rem 0}.staff-dashboard .header-info h1{font-size:1.75rem}.staff-dashboard .header-info p{font-size:1rem}.staff-dashboard .tab-content{padding:1.5rem}.staff-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.header-stats{flex-direction:column;gap:1rem}.schedule-item,.upcoming-item{flex-direction:column;align-items:stretch;text-align:center}.schedule-time,.upcoming-date{min-width:auto}.time-slot{grid-template-columns:60px 1fr}.slot-time{padding:.5rem;font-size:.875rem}.appointment-slot{flex-direction:column;align-items:stretch;gap:.5rem}.staff-service-details{flex-direction:column;gap:.5rem}.appointment-actions,.customer-actions,.staff-dashboard .appointments-filters{flex-direction:column}.staff-dashboard .customers-grid{grid-template-columns:1fr}.performance-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.staff-dashboard .tab-content{padding:1rem}.staff-dashboard .dashboard-nav{grid-template-columns:repeat(2,1fr)}.staff-dashboard .stats-grid{grid-template-columns:1fr 1fr}.staff-dashboard .stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.schedule-view,.today-schedule,.upcoming-appointments{padding:1rem}.time-slot{grid-template-columns:1fr;gap:.5rem}.performance-stats{grid-template-columns:1fr 1fr}.feedback-header{flex-direction:column;gap:.5rem;align-items:stretch}}.staff-dashboard .settings-sections{display:grid;gap:2rem;margin-bottom:2rem}.staff-dashboard .settings-section{background-color:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.staff-dashboard .settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.staff-dashboard .settings-section h3{color:var(--navy-blue);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gold);font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.staff-dashboard .profile-section{display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.staff-dashboard .profile-avatar{position:relative;flex-shrink:0}.staff-dashboard .avatar-container{position:relative;width:120px;height:120px}.staff-dashboard .avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.staff-dashboard .profile-avatar:hover .avatar-image{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.staff-dashboard .avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.staff-dashboard .avatar-upload-btn{position:absolute;bottom:5px;right:5px;background:var(--navy-blue);color:#fff!important;width:35px;height:35px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 8px #0003;transition:all .3s ease;cursor:pointer;z-index:2}.staff-dashboard .avatar-upload-btn:hover{background:var(--gold);transform:scale(1.1)}.staff-dashboard .avatar-upload-btn i{font-size:14px;color:#fff!important}.staff-dashboard .profile-form{flex:1;display:flex;flex-direction:column;gap:1.5rem}.staff-dashboard .profile-info{display:grid;gap:1rem}.staff-dashboard .profile-edit-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-dashboard .profile-edit-form .staff-form-actions{display:flex;align-items:end;justify-content:center;gap:10px}.staff-dashboard .info-item{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid var(--gold)}.staff-dashboard .info-item label{color:var(--navy-blue);font-weight:600;display:block;margin-bottom:.5rem}.staff-dashboard .info-item span{color:var(--charcoal);font-size:1rem}.staff-dashboard .settings-form{display:grid;gap:1.5rem}.staff-dashboard .settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.staff-dashboard .settings-form .form-group label{color:var(--navy-blue);font-weight:600;font-size:1rem;margin-bottom:.25rem}.staff-dashboard .settings-form .form-input,.staff-dashboard .settings-form .form-select,.staff-dashboard .settings-form .form-textarea{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--white);font-size:1rem;color:var(--charcoal);direction:rtl;transition:all .3s ease;font-family:inherit}.staff-dashboard .settings-form .form-input:focus,.staff-dashboard .settings-form .form-select:focus,.staff-dashboard .settings-form .form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #daa5201a;transform:translateY(-1px)}.staff-dashboard .settings-form .form-textarea{resize:vertical;min-height:100px}.staff-dashboard .profile-actions,.staff-dashboard .settings-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-secondary{padding:10px 24px;border:1px solid #071626;background:#fff;color:#071626;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s}.staff-dashboard .btn-save,.staff-dashboard .btn-cancel,.staff-dashboard .btn-edit{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.staff-dashboard .btn-save{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:#fff}.staff-dashboard .btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1543604d}.staff-dashboard .btn-cancel{background:#6c757d;color:#fff}.staff-dashboard .btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.staff-dashboard .btn-edit{background:var(--gold);color:var(--navy-blue)}.staff-dashboard .btn-edit:hover{background:#b8860b;transform:translateY(-2px);box-shadow:0 4px 15px #daa5204d}.staff-dashboard .avatar-uploading{opacity:.7;pointer-events:none}.staff-dashboard .avatar-uploading:after{content:"⏳"}@media (max-width: 768px){.staff-dashboard .settings-section{padding:1.5rem}.staff-dashboard .profile-actions,.staff-dashboard .settings-actions{flex-direction:column}.staff-dashboard .profile-avatar img,.staff-dashboard .avatar-image,.staff-dashboard .avatar-container{width:100px;height:100px}.staff-dashboard .profile-section{flex-direction:column;align-items:center;text-align:center}.staff-dashboard .profile-info,.staff-dashboard .profile-edit-form{grid-template-columns:1fr}}.customer-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:customerHistoryFadeIn .3s ease}@keyframes customerHistoryFadeIn{0%{opacity:0}to{opacity:1}}.customer-history-modal-container{background:var(--white);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:customerHistorySlideUp .3s ease;overflow:hidden}@keyframes customerHistorySlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.customer-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border-bottom:1px solid rgba(255,255,255,.1)}.customer-history-header-info{display:flex;align-items:center;gap:16px}.customer-history-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.customer-history-header-info h2{font-size:1.5rem;margin:0;font-weight:700}.customer-history-contact{margin:4px 0 0;font-size:.9rem;opacity:.9}.customer-history-close-btn{background:#fff3;border:none;color:var(--white);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.customer-history-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.customer-history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 30px;background:linear-gradient(to bottom,#f8f9fa,var(--white));border-bottom:1px solid #e9ecef}.customer-history-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.customer-history-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.customer-history-stat-card i{font-size:1.8rem;color:var(--primary);opacity:.8}.customer-history-stat-card .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.customer-history-stat-card .stat-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:4px}.customer-history-modal-body{flex:1;overflow-y:auto;padding:24px 30px}.customer-history-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;display:flex;align-items:center;gap:10px}.customer-history-section-title i{color:var(--primary)}.customer-history-timeline{position:relative}.customer-history-timeline-item{display:flex;gap:20px;margin-bottom:24px}.customer-history-timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--white);box-shadow:0 2px 8px #00000026;z-index:2;flex-shrink:0}.timeline-dot.completed{background:#28a745}.timeline-dot.confirmed{background:#007bff}.timeline-dot.pending{background:#ffc107}.timeline-dot.cancelled{background:#dc3545}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,#dee2e6,transparent);margin-top:4px}.customer-history-appointment-card{flex:1;background:var(--white);border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;transition:all .3s ease}.customer-history-appointment-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #00000014;transform:translate(-4px)}.appointment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f3f5}.appointment-card-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.customer-history-status-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.customer-history-status-badge.completed{background:#d4edda;color:#155724}.customer-history-status-badge.confirmed{background:#cce5ff;color:#004085}.customer-history-status-badge.pending{background:#fff3cd;color:#856404}.customer-history-status-badge.cancelled{background:#f8d7da;color:#721c24}.appointment-card-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.detail-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:.9rem;color:var(--text-secondary)}.detail-row i{color:var(--primary);opacity:.7;width:16px}.appointment-card-notes,.appointment-card-staff-note{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px;border-right:3px solid var(--primary);display:flex;gap:10px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.appointment-card-notes i,.appointment-card-staff-note i{color:var(--primary);margin-top:2px;flex-shrink:0}.appointment-card-staff-note{background:#e7f3ff;border-right-color:#007bff}.appointment-card-staff-note i{color:#007bff}.customer-history-empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.customer-history-empty-state i{font-size:4rem;color:#dee2e6;margin-bottom:16px}.customer-history-empty-state p{font-size:1.1rem;margin:0}.customer-history-modal-footer{padding:16px 30px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.customer-history-btn-close{background:var(--navy-blue);color:var(--white);border:none;padding:10px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.customer-history-btn-close:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.customer-history-modal-body::-webkit-scrollbar{width:8px}.customer-history-modal-body::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.customer-history-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.customer-history-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.customer-history-modal-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.customer-history-modal-header{padding:20px}.customer-history-avatar{width:50px;height:50px}.customer-history-header-info h2{font-size:1.25rem}.customer-history-stats{grid-template-columns:1fr;gap:12px;padding:16px 20px}.customer-history-modal-body{padding:20px}.appointment-card-details{grid-template-columns:1fr}.customer-history-modal-footer{padding:12px 20px}}.cart-page{min-height:100vh;background:var(--background)}.cart-empty{min-height:60vh;display:flex;align-items:center;justify-content:center}.cart-empty-content{text-align:center;max-width:400px}.cart-empty-icon{font-size:4rem;color:var(--gold);margin-bottom:2rem}.cart-empty-content h2{color:var(--navy-blue);margin-bottom:1rem;font-size:2rem}.cart-empty-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.cart-header h1{color:var(--navy-blue);font-size:2.5rem;margin:0}.cart-items-count{color:var(--text-secondary);font-weight:500}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-item{background:var(--white);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;align-items:center;transition:all .3s ease}.cart-item:hover{border-color:var(--gold);box-shadow:0 4px 16px #b8921f1a}.cart-item-image{width:120px;height:120px;border-radius:12px;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-image.clickable{cursor:pointer;transition:all .3s ease}.cart-item-image.clickable:hover{transform:scale(1.02);opacity:.9}.cart-item-details h3{color:var(--navy-blue);margin-bottom:.5rem;font-size:1.2rem;line-height:1.3}.cart-item-details h3.clickable{cursor:pointer;transition:all .3s ease}.cart-item-details h3.clickable:hover{color:var(--gold);text-decoration:underline}.cart-item-category{color:var(--gold);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.cart-item-price{display:flex;align-items:center;gap:.75rem}.cart-item-price .current-price{font-size:1.2rem;font-weight:700;color:var(--navy-blue)}.cart-item-price .original-price{font-size:1rem;color:var(--text-secondary);text-decoration:line-through}.cart-item-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.quantity-controls{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.quantity-btn{background:var(--white);border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--navy-blue);transition:all .3s ease}.quantity-btn:hover{background:var(--gold);color:var(--white)}.quantity-display{min-width:50px;text-align:center;font-weight:600;color:var(--navy-blue);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);height:36px;display:flex;align-items:center;justify-content:center}.remove-btn{background:none;border:none;color:#e74c3c;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.remove-btn:hover{background:#e74c3c1a;transform:scale(1.1)}.cart-summary{background:var(--white);border:2px solid var(--border-color);border-radius:16px;padding:2rem;height:fit-content;position:sticky;top:100px}.cart-summary h3{color:var(--navy-blue);margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-row:last-of-type{border-bottom:none}.summary-row.discount{color:#27ae60}.summary-row.total{font-size:1.2rem;font-weight:700;color:var(--navy-blue);border-top:2px solid var(--border-color);margin-top:1rem;padding-top:1rem}.promo-code{margin:1.5rem 0;display:flex;gap:.5rem}.promo-code input{flex:1;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;text-align:right}.promo-code input:focus{outline:none;border-color:var(--gold)}.promo-code input:disabled{background-color:#f5f5f5;cursor:not-allowed}.promo-code button{background:var(--gold);color:var(--white);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.promo-code button:hover:not(:disabled){background:#d4a843;transform:translateY(-1px)}.promo-code button:disabled{opacity:.6;cursor:not-allowed;transform:none}.applied-coupon{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:8px}.coupon-info{color:#2e7d32;font-size:.95rem}.coupon-info strong{font-weight:700;letter-spacing:.5px}.remove-coupon-btn{background:transparent;color:#d32f2f;border:2px solid #d32f2f;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease}.remove-coupon-btn:hover{background:#d32f2f;color:#fff;transform:translateY(-1px)}.checkout-btn{width:100%;background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);color:var(--white);border:none;padding:16px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.checkout-btn:hover{background:linear-gradient(135deg,var(--gold) 0%,#d4a843 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b8921f4d}.delivery-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.delivery-section h4{color:var(--navy-blue);margin-bottom:1rem;font-size:1.1rem}.delivery-options{display:flex;flex-direction:column;gap:.75rem}.delivery-option{display:flex;align-items:center;padding:12px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.delivery-option:hover{border-color:var(--gold);background:#b8921f0d}.delivery-option input[type=radio]{margin-left:12px;accent-color:var(--gold)}.delivery-option input[type=radio]:checked+.delivery-info{color:var(--navy-blue);font-weight:600}.delivery-info{display:flex;justify-content:space-between;align-items:center;width:100%}.area-name{font-size:.95rem}.area-price{font-weight:600;color:var(--gold)}.user-info-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.user-info-section h4{color:var(--navy-blue);margin-bottom:1rem;font-size:1.1rem}.user-info-form{display:flex;flex-direction:column;gap:1rem}.user-info-form input,.user-info-form textarea{padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;text-align:right;font-family:inherit;resize:vertical}.user-info-form input:focus,.user-info-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8921f1a}.user-info-form input::placeholder,.user-info-form textarea::placeholder{color:var(--text-secondary)}.checkout-btn:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.checkout-btn:disabled:hover{background:var(--text-secondary);transform:none;box-shadow:none}.order-info{text-align:center;color:var(--text-secondary);font-size:.9rem}.order-info i{color:var(--gold);margin-left:.5rem}@media (max-width: 968px){.cart-layout{grid-template-columns:1fr;gap:2rem}.cart-summary{position:static;order:-1}.cart-item{grid-template-columns:150px 1fr;gap:1rem}.cart-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;margin-top:1rem}}@media (max-width: 480px){.cart-page{padding-top:60px}.cart-header{flex-direction:column;gap:.5rem;text-align:center}.cart-header h1{font-size:2rem}.cart-item{padding:1rem;grid-template-columns:80px 1fr}.cart-item-image{width:80px;height:80px}.cart-item-details h3{font-size:1rem}.cart-summary{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.promo-code{flex-direction:column}.promo-code input,.promo-code button{width:100%}.cart-page .section{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.user-info-modal{background:var(--white);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.close-btn:hover{background:var(--light-gray);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body .user-info-form{display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.cancel-btn{padding:.75rem 1.5rem;background:var(--light-gray);color:var(--text-primary);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0}.submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--gold) 0%,#d4af37 100%);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#b8941f);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-overlay{padding:.5rem}.user-info-modal{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.success-message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in-out}.success-message{background:var(--white);border-radius:16px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 40px #00000026;animation:slideIn .3s ease-out}.success-icon{font-size:4rem;color:#28a745;margin-bottom:1rem}.success-message h3{color:var(--navy-blue);font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.success-message p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.success-loading{width:100%;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,var(--gold),#f39c12);border-radius:2px;animation:loadingProgress 3s linear forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingProgress{0%{width:0%}to{width:100%}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071626,#0f2a5a);padding:2rem;position:relative;overflow:hidden}.not-found-page:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.not-found-container{max-width:800px;width:100%;position:relative;z-index:1}.not-found-content{background:#fffffffa;border-radius:20px;padding:4rem 3rem;text-align:center;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-code{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#071626,#0f2a5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite;text-shadow:0 10px 30px rgba(7,22,38,.2)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-title{font-size:2.5rem;color:#071626;margin-bottom:1rem;font-weight:700}.error-message{font-size:1.2rem;color:#666;margin-bottom:2.5rem;line-height:1.6}.error-illustration{display:flex;justify-content:center;align-items:center;gap:2rem;margin:3rem 0;font-size:4rem;color:#0f2a5a;opacity:.3}.error-illustration i{animation:float 3s ease-in-out infinite}.error-illustration i:nth-child(2){animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.error-actions .btn-primary,.error-actions .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none}.error-actions .btn-primary{background:linear-gradient(135deg,#071626,#0f2a5a);color:#fff;box-shadow:0 5px 20px #0716264d}.error-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #07162666}.error-actions .btn-secondary{background:#fff;color:#071626;border:2px solid #071626}.error-actions .btn-secondary:hover{background:#071626;color:#fff;transform:translateY(-3px)}.helpful-links{border-top:2px solid #eee;padding-top:2rem;margin-top:2rem}.helpful-links h3{font-size:1.3rem;color:#071626;margin-bottom:1.5rem;font-weight:600}.helpful-links ul{list-style:none;padding:0;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.helpful-links li{margin:0}.helpful-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;color:#071626;text-decoration:none;border-radius:30px;background:#f8f9fa;transition:all .3s ease;font-weight:500;border:2px solid transparent}.helpful-links a:hover{background:#071626;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #07162633}.helpful-links a i{font-size:1.1rem}[dir=rtl] .error-actions .btn-secondary i{transform:scaleX(-1)}@media (max-width: 768px){.not-found-content{padding:3rem 2rem}.error-code{font-size:5rem}.error-title{font-size:1.8rem}.error-message{font-size:1rem}.error-illustration{font-size:3rem;gap:1.5rem;margin:2rem 0}.error-actions{flex-direction:column}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%;justify-content:center}.helpful-links ul{flex-direction:column;gap:1rem}.helpful-links a{display:flex;justify-content:center;width:100%}}@media (max-width: 480px){.not-found-page{padding:1rem}.not-found-content{padding:2rem 1.5rem}.error-code{font-size:4rem}.error-title{font-size:1.5rem}.error-illustration{font-size:2.5rem}}.admin-analytics-page{padding:20px;max-width:1400px;margin:0 auto;direction:rtl}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.analytics-header h1{margin:0;color:var(--text-primary);font-size:28px}.analytics-header p{margin:5px 0 0;color:var(--text-secondary);font-size:14px}.analytics-header-actions{display:flex;gap:10px;flex-wrap:wrap}.refresh-btn,.reset-btn{padding:10px 20px;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.refresh-btn{background:var(--navy-blue)}.refresh-btn:hover{background:var(--gold);transform:translateY(-2px)}.reset-btn{background:#ef4444}.reset-btn:hover{background:#dc2626;transform:translateY(-2px)}.reset-btn i{font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.stat-card.real-time{border:2px solid #10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #10b98133}50%{box-shadow:0 4px 16px #10b98166}}.stat-icon{font-size:40px;flex-shrink:0}.stat-content{flex:1}.stat-content h3{margin:0 0 8px;font-size:14px;color:var(--text-secondary);font-weight:500}.stat-number{margin:0 0 4px;font-size:32px;font-weight:700;color:var(--primary-color)}.stat-label{font-size:12px;color:var(--text-secondary)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.stats-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stats-card h2{margin:0 0 20px;font-size:18px;color:var(--text-primary)}.stats-details{display:flex;flex-direction:column;gap:15px}.stat-item{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:12px;background:#f9fafb;border-radius:8px}.stat-item .stat-label{font-size:14px;color:var(--text-secondary)}.stat-item .stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.stat-item .stat-value.revenue{color:#10b981}.chart-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.chart-card h2{margin:0 0 25px;font-size:18px;color:var(--text-primary)}.revenue-chart{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;height:250px;padding-top:20px}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-container{width:100%;height:200px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:60px;background:linear-gradient(to top,var(--primary-color),var(--primary-hover));border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:30px}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-value{font-size:11px;color:#fff;font-weight:700;white-space:nowrap}.chart-label{font-size:12px;color:var(--text-secondary);text-align:center}.list-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.list-card h2{margin:0 0 20px;font-size:18px;color:var(--text-primary)}.popular-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.popular-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:background .2s ease}.popular-item:hover{background:#f3f4f6}.rank{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-name{font-size:14px;color:var(--text-primary);font-weight:500}.item-stats{font-size:12px;color:var(--text-secondary)}.activities-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.activities-card h2{margin:0 0 20px;font-size:18px;color:var(--navy-blue)}.activities-list{display:flex;flex-direction:column;gap:12px}.ana-activity-item{display:flex;align-items:center;gap:12px;padding:15px;background:#f9fafb;border-radius:8px;transition:background .2s ease}.ana-activity-item:hover{background:#f3f4f6}.activity-icon{font-size:24px;flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.activity-description{margin:0;font-size:14px;color:var(--text-primary);font-weight:500}.activity-time{font-size:12px;color:var(--text-secondary)}.ana-activity-status{padding:4px 12px;border-radius:12px;font-size:12px;color:#fff;font-weight:500;text-transform:capitalize;flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px}.spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:14px}.no-data{text-align:center;color:var(--text-secondary);font-size:14px;padding:20px}@media (max-width: 768px){.admin-analytics-page{padding:15px}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-header h1{font-size:24px}.stats-grid,.stats-row{grid-template-columns:1fr}.revenue-chart{height:200px;gap:8px}.chart-bar-container{height:150px}.chart-bar{max-width:40px}.chart-value{font-size:10px}.stat-number{font-size:24px}.analytics-time-period-selector .analytics-period-buttons{flex-wrap:wrap}.analytics-period-buttons button{flex:1 1 calc(50% - 5px);min-width:120px}.analytics-custom-date-range{flex-direction:column}}.analytics-time-period-selector{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.analytics-period-buttons{display:flex;gap:10px;flex-wrap:wrap}.analytics-period-buttons button{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.analytics-period-buttons button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.analytics-period-buttons button.active{background:var(--primary-color);border-color:var(--primary-color)}.analytics-period-buttons button i{font-size:16px}.analytics-custom-date-range{display:flex;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb}.analytics-date-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.analytics-date-input-group label{font-size:14px;color:var(--text-primary);font-weight:500}.analytics-date-input-group input{padding:10px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s ease}.analytics-date-input-group input:focus{outline:none;border-color:var(--primary-color)}.analytics-period-stats-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.analytics-section-title{margin:0 0 20px;font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.analytics-section-title i{font-size:24px;color:var(--primary-color)}.analytics-period-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.analytics-period-stat-card{background:linear-gradient(135deg,var(--navy-blue) 0%,#0f2a5a 100%);padding:25px;border-radius:12px;display:flex;gap:15px;align-items:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000001a;border-left:4px solid rgba(255,255,255,.5)}.analytics-period-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #667eea66}.analytics-period-stat-icon{background:#fff3;padding:15px;border-radius:12px;font-size:32px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-period-stat-icon i{color:#fff}.analytics-period-stat-content{flex:1}.analytics-period-stat-content h3{margin:0 0 8px;font-size:14px;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.analytics-period-stat-number{margin:0 0 8px;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.analytics-period-stat-label{font-size:12px;color:#fffc;display:block}.navbar{background-color:var(--white);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;display:flex;align-items:center;box-shadow:0 6px 18px #0b22350f}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.nav-logo{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.nav-logo:hover{transform:translateY(-3px) scale(1.01)}.logo-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text h2{color:var(--navy-blue);font-size:1.8rem;margin:0;font-weight:800}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.nav-menu li{position:relative}.nav-link{background:none;border:none;color:var(--charcoal);font-weight:600;font-size:1rem;padding:14px 22px;cursor:pointer;transition:all .3s ease;position:relative;font-family:inherit;text-decoration:none;display:inline-block}.nav-link:hover{color:var(--navy-blue);background-color:#f9f8f7}.nav-link.active{color:var(--gold)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:3px;background-color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-actions-mobile{display:none}.nav-actions-desktop{display:flex}.auth-buttons{display:flex;gap:.75rem}.nav-btn{padding:10px 20px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.login-btn{background-color:transparent;color:var(--navy-blue);border:2px solid var(--navy-blue);border-radius:8px}.login-btn:hover{background-color:var(--navy-blue);color:var(--white);transform:translateY(-2px)}.register-btn{background-color:var(--gold);color:var(--white);box-shadow:0 6px 18px #b8921f1f;border-radius:8px}.register-btn:hover{background-color:#b8921f;transform:translateY(-2px)}.user-menu{position:relative;cursor:pointer}.user-info{display:flex;align-items:center;gap:.75rem;padding:8px 12px;transition:all .3s ease}.user-info:hover{background-color:#f9f8f7}.user-avatar{width:40px;height:40px;object-fit:cover;border:2px solid var(--gold);border-radius:50%}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--navy-blue);font-size:.9rem}.user-role{font-size:.75rem;color:var(--charcoal);opacity:.8}.user-dropdown{position:absolute;top:100%;right:0;background-color:var(--white);border:2px solid var(--border-color);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:right;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--charcoal);font-family:inherit;border-bottom:1px solid var(--border-color);text-decoration:none;font-size:1rem}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f9f8f7;color:var(--navy-blue)}.dropdown-item.logout:hover{background-color:#fff5f5;color:#dc3545}.dropdown-icon{font-size:1.125rem}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px}.hamburger{width:25px;height:18px;position:relative;transition:all .3s ease}.hamburger span{display:block;height:2px;width:100%;background-color:var(--navy-blue);margin-bottom:4px;transition:all .3s ease;transform-origin:center}.hamburger span:last-child{margin-bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}@media (max-width: 1024px){.nav-menu{gap:.25rem}.nav-link{padding:10px 16px;font-size:.9rem}.nav-btn{padding:8px 16px;font-size:.85rem}.logo-text h2{font-size:1.4rem}}@media (max-width: 1210px){.logo-text{display:none}}@media (max-width: 768px){.logo-text{display:inline}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.nav-menu{position:fixed;top:80px;bottom:0;right:0;width:300px;background-color:var(--white);border-left:2px solid var(--border-color);flex-direction:column;gap:0;transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-4px 0 10px #0000001a;display:flex;min-height:0}.nav-menu.active{transform:translate(0)}.nav-actions-desktop{display:none}.nav-actions-mobile{display:block;width:100%;background-color:var(--white);padding:1rem;margin-top:auto;border-top:2px solid var(--border-color)}.nav-menu li{width:100%}.nav-link{width:100%;padding:16px 20px;text-align:right;border-bottom:1px solid var(--border-color);background:none;display:flex;justify-content:center}.nav-link.active:after{display:none}.nav-link.active{background-color:#f9f8f7}.nav-actions{position:static;min-width:15rem;background-color:var(--white);padding:1rem;z-index:1001;margin-top:auto;border-top:2px solid var(--border-color)}.nav-actions-mobile .auth-buttons{flex-direction:column;width:100%}.nav-actions-mobile .nav-btn{width:100%;padding:12px}.nav-actions-mobile .user-menu{width:100%}.nav-actions-mobile .user-info{padding:12px 20px;border-bottom:1px solid var(--border-color)}.nav-actions-mobile .user-dropdown{position:static;opacity:1;visibility:visible;transform:none;border:none;border-top:1px solid var(--border-color);max-height:none;overflow:visible}.nav-actions-mobile .dropdown-item{padding:16px 20px;display:flex;justify-content:flex-start;width:100%}}@media (max-width: 640px){.nav-container{padding:0 15px}.nav-menu{width:100%;right:0}.nav-actions{width:95%;right:1rem;left:1rem}.logo-text h2{font-size:1.25rem}.user-avatar{width:35px;height:35px}.user-name{font-size:.85rem}.user-role{font-size:.7rem}}.footer{background-color:var(--navy-blue);color:var(--white);margin-top:auto}.footer-main{padding:2.5rem 0 1.5rem}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo-img{width:70px;height:70px;object-fit:contain;border-radius:12px}.footer-brand-text h2{color:var(--white);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.footer-brand-text p{color:var(--gold);font-size:.9rem;margin:0;opacity:.9}.footer-social{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#ffffff1a;color:var(--white);text-decoration:none;border-radius:50%;transition:all .3s ease}.social-link svg{width:20px;height:20px}.social-link:hover{background-color:var(--gold);transform:translateY(-3px);box-shadow:0 5px 15px #b8921f4d}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:2rem 0}.footer-content{display:grid;grid-template-columns:1fr 1.5fr;margin-right:2rem;gap:3rem}.footer-column h4{color:var(--gold);font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;position:relative;padding-bottom:.75rem}.footer-column h4:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:2px;background:var(--gold);border-radius:2px}.footer-nav{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem 1.5rem}.footer-nav a{color:#ffffffd9;text-decoration:none;font-size:.95rem;padding:.35rem 0;transition:all .3s ease;position:relative}.footer-nav a:before{content:"←";position:absolute;right:-15px;opacity:0;transition:all .3s ease}.footer-nav a:hover{color:var(--gold);padding-right:20px}.footer-nav a:hover:before{right:0;opacity:1}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:flex-start;gap:.75rem;color:#ffffffd9;text-decoration:none;font-size:.95rem;line-height:1.5;transition:color .3s ease}.contact-link:hover{color:var(--gold)}.contact-link.address{cursor:default}.contact-icon{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#ffffff1a;border-radius:8px;flex-shrink:0}.contact-icon svg{width:16px;height:16px;fill:var(--gold)}.footer-bottom{background:#0003;padding:1rem 0;text-align:center}.footer-bottom p{margin:0;font-size:.875rem;opacity:.8}.floating-whatsapp{position:fixed;bottom:1.5rem;left:1.5rem;z-index:1000;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50%;text-decoration:none;box-shadow:0 4px 20px #25d36666;transition:all .3s ease}.floating-whatsapp svg{width:28px;height:28px}.floating-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36680}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.footer-main{padding:2rem 0 1rem}.footer-top{flex-direction:column;text-align:center;gap:1.5rem}.footer-brand{flex-direction:column;text-align:center}.footer-logo-img{width:60px;height:60px}.footer-brand-text h2{font-size:1.35rem}.social-link{width:40px;height:40px}.footer-divider{margin:1.5rem 0}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-column h4:after{right:50%;transform:translate(50%)}.footer-nav{flex-direction:row;justify-content:center;gap:.75rem 1.25rem}.footer-nav a:before{display:none}.footer-nav a:hover{padding-right:0}.footer-contact{align-items:center}.contact-link{justify-content:center;text-align:center}.contact-link.address{max-width:300px}.floating-whatsapp{width:52px;height:52px;bottom:1.25rem;left:1.25rem}.floating-whatsapp svg{width:26px;height:26px}}@media (max-width: 480px){.footer-main{padding:1.5rem 0 1rem}.footer-top{gap:1rem}.footer-logo-img{width:55px;height:55px}.footer-brand-text h2{font-size:1.2rem}.footer-brand-text p{font-size:.85rem}.social-btn{width:40px;height:40px}.social-btn svg{width:20px;height:20px}.footer-divider{margin:1.25rem 0}.footer-column h4{font-size:1rem;margin-bottom:1rem}.footer-nav{gap:.5rem 1rem}.footer-nav a{font-size:.9rem}.contact-link{font-size:.9rem;gap:.5rem}.contact-icon{min-width:28px;height:28px}.contact-icon svg{width:14px;height:14px}.footer-bottom{padding:.75rem 0}.footer-bottom p{font-size:.8rem}.floating-whatsapp{width:48px;height:48px;bottom:1rem;left:1rem}.floating-whatsapp svg{width:24px;height:24px}}@media (max-width: 360px){.footer-main{padding:1.25rem 0 .75rem}.footer-logo-img{width:50px;height:50px}.footer-brand-text h2{font-size:1.1rem}.footer-nav a{font-size:.85rem}.contact-link{font-size:.85rem;gap:.25rem}.contact-link.address{max-width:260px}.floating-whatsapp{width:44px;height:44px}.floating-whatsapp svg{width:22px;height:22px}}