body{background-color:#f5f5f5;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.rtl{direction:rtl;text-align:right}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;transition:transform .2s}.card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .2s}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.form-group{margin-bottom:1rem}.form-control{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.form-control:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}:root{--primary-color:#00838f;--primary-light:#b2ebf2;--primary-dark:#006064;--secondary-color:#00bcd4;--secondary-light:#e0f7fa;--secondary-dark:#00acc1;--accent-color:#00bcd4;--accent-dark:#00838f;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--background-color:#e0f2f1;--surface-color:#fff;--card-bg:linear-gradient(145deg,#fff,#f5f5f5);--text-primary:#263238;--text-secondary:#546e7a;--text-disabled:#b0bec5;--border-color:#e0f2f1;--hover-overlay:#00bcd40d;--gradient-primary:linear-gradient(135deg,#00838f,#006064);--gradient-secondary:linear-gradient(135deg,#00bcd4,#00838f);--gradient-accent:linear-gradient(135deg,#00bcd4,#00acc1);--gradient-card:linear-gradient(145deg,#fff,#f8f9fa);--gradient-gold:linear-gradient(135deg,#00bcd4,#00838f);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001f;--shadow-xl:0 20px 60px #00838f26;--shadow-inset:inset 0 2px 4px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Cairo","Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%,to{box-shadow:0 0 5px #b2ebf2;box-shadow:0 0 5px var(--primary-light)}50%{box-shadow:0 0 20px #b2ebf2,0 0 30px #b2ebf2;box-shadow:0 0 20px var(--primary-light),0 0 30px var(--primary-light)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e0f2f1;background:var(--background-color);color:#263238;color:var(--text-primary);direction:rtl;font-family:Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e0f2f1;background:var(--background-color);border-radius:12px;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:linear-gradient(#00838f,#006064);background:linear-gradient(var(--primary-color),var(--primary-dark));border:2px solid #e0f2f1;border:2px solid var(--background-color);border-radius:12px;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#006064,#00838f);background:linear-gradient(var(--primary-dark),var(--primary-color))}::selection{background-color:#b2ebf2;background-color:var(--primary-light);color:#006064;color:var(--primary-dark)}.artah-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.artah-card{background:linear-gradient(145deg,#fff,#f5f5f5);background:var(--card-bg);border:1px solid #e0f2f1;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.artah-card:hover{border-color:#b2ebf2;border-color:var(--primary-light);box-shadow:0 20px 60px #00838f26;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.artah-card:before{background:linear-gradient(135deg,#00838f,#006064);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.artah-card:hover:before{transform:scaleX(1)}.artah-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:10px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.artah-btn-primary{background:linear-gradient(135deg,#00838f,#006064);background:var(--gradient-primary);box-shadow:0 4px 12px #00838f40;color:#fff}.artah-btn-primary:hover{box-shadow:0 8px 24px #00838f59;transform:translateY(-2px)}.artah-btn-primary:active{transform:translateY(0)}.artah-btn-secondary{background:linear-gradient(135deg,#00bcd4,#00838f);background:var(--gradient-secondary);color:#fff}.artah-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.artah-btn:focus:not(:active):after{animation:ripple 1s ease-out}.artah-heading-1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00838f,#006064);background:var(--gradient-primary);-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.artah-heading-2{color:#263238;color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--space-md);padding-bottom:.5rem;padding-bottom:var(--space-sm);position:relative}.artah-heading-2:after{border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:60px}.artah-badge,.artah-heading-2:after{background:linear-gradient(135deg,#00838f,#006064);background:var(--gradient-primary)}.artah-badge{align-items:center;animation:fadeInUp .5s ease-out;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.artah-spinner{animation:spin 1s linear infinite;border:3px solid #e0f2f1;border-top-color:#00838f;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}@media (max-width:768px){:root{--space-lg:1rem;--space-xl:1.5rem}.artah-container{padding:0 1rem;padding:0 var(--space-md)}.artah-heading-1{font-size:2.25rem}.artah-heading-2{font-size:1.75rem}}@media (max-width:480px){.artah-heading-1{font-size:1.875rem}.artah-btn{font-size:13px;padding:8px 16px}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.gradient-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#00838f,#006064,#00bcd4,#00acc1);background-size:400% 400%}.glass-effect{background:#ffffff1a;border:1px solid #fff3}.glass-effect,.navbar-appbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-appbar{animation:slideDown .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(90deg,#006064,#00838f);background:#006064f2;box-shadow:0 4px 30px #00838f4d;position:fixed;top:0;z-index:1100}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#00bcd4 50%,#fff);-webkit-background-clip:text;background-clip:text;font-family:Cairo,sans-serif;font-size:2rem!important;font-weight:900!important;letter-spacing:-1px;margin-right:var(--space-2xl)!important;overflow:hidden;position:relative;text-shadow:0 2px 20px #00838f80;transition:var(--transition-normal)}.navbar-brand:before{-webkit-text-fill-color:#0000;animation:shimmerBrand 3s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);-webkit-background-clip:text;content:"سباك";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmerBrand{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.navbar-brand:hover{filter:drop-shadow(0 5px 15px rgba(0,188,212,.3));transform:scale(1.05) rotate(-1deg)}.navbar-left-container{align-items:center;display:flex;flex-grow:1;margin-right:var(--space-2xl)}.navbar-buttons-container{animation:fadeInLeft .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;display:flex;gap:var(--space-xs);padding:8px}.navbar-button{background:#0000!important;border:2px solid #0000!important;border-radius:var(--radius-xl)!important;color:#fff!important;font-family:Cairo,sans-serif;font-size:.875rem!important;font-weight:700!important;letter-spacing:.5px;min-width:100px;overflow:hidden!important;padding:12px 24px!important;position:relative!important;text-transform:uppercase;transition:all var(--transition-normal)!important;z-index:1}.navbar-button:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-xl);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all var(--transition-normal);z-index:-1}.navbar-button:after{background:radial-gradient(circle,#fff3 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal);width:0;z-index:-1}.navbar-button:hover:after{height:250px;width:250px}.navbar-button:hover{background:#ffffff0d!important;border-color:#fff3!important;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff1a,inset 0 0 20px #ffffff0d;transform:translateY(-3px) scale(1.05)}.navbar-button:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.navbar-button.active{background:linear-gradient(135deg,#00bcd4,#00838f)!important;border:2px solid #ffffff4d!important;box-shadow:0 8px 25px #00bcd44d,inset 0 2px 4px #fff3;color:#fff!important}.navbar-button.active:hover{background:linear-gradient(135deg,#00acc1,#006064)!important;box-shadow:0 12px 35px #00bcd466,inset 0 2px 4px #ffffff4d;transform:translateY(-3px) scale(1.05)}.navbar-button .MuiButton-startIcon{transform:translateX(5px);transition:all var(--transition-normal)}.navbar-button:hover .MuiButton-startIcon{transform:translateX(0) rotate(1turn)}.provider-button{background:linear-gradient(135deg,#00bcd4,#00838f)!important;border:2px solid #00bcd44d!important;box-shadow:0 8px 25px #00bcd433,0 4px 15px #00838f1a!important;color:#fff!important;overflow:hidden;position:relative}.provider-button:before{animation:waterShimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}@keyframes waterShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.provider-button span{position:relative;z-index:2}.provider-button:hover{animation:pulseGlow 2s infinite;background:linear-gradient(135deg,#00acc1,#006064)!important;box-shadow:0 12px 35px #00bcd44d,0 0 20px #00bcd433!important;transform:translateY(-3px) scale(1.05)}@keyframes pulseGlow{0%,to{box-shadow:0 8px 25px #00bcd433,0 0 15px #00bcd41a}50%{box-shadow:0 12px 35px #00bcd44d,0 0 25px #00bcd433,0 0 30px #00bcd41a}}.auth-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d)!important;border:2px solid #fff3!important}.auth-button:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26)!important;border-color:#ffffff4d!important}.notification-bell{animation:bellRing 5s infinite;position:relative}@keyframes bellRing{0%,to{transform:rotate(0)}2%,6%{transform:rotate(-15deg)}4%,8%{transform:rotate(15deg)}10%{transform:rotate(0)}}.notification-badge .MuiBadge-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 0 10px #f4433680}.user-avatar{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#00bcd4,#00838f,#006064) border-box!important;border:3px solid #0000;box-shadow:0 4px 15px #00838f4d;transition:all var(--transition-bounce)}.user-avatar:hover{animation:avatarGlow 2s infinite;box-shadow:0 8px 25px #00838f66,0 0 20px #00bcd44d;transform:scale(1.15) rotate(5deg)}@keyframes avatarGlow{0%,to{box-shadow:0 4px 15px #00838f4d,0 0 10px #00bcd433}50%{box-shadow:0 8px 25px #00838f66,0 0 20px #00bcd44d,0 0 30px #00bcd41a}}.mobile-menu-button{background:#ffffff1a!important;border:2px solid #fff3!important;border-radius:50%!important;color:#fff!important;padding:12px!important;transition:all var(--transition-bounce)!important}.mobile-menu-button:hover{background:#fff3!important;box-shadow:0 5px 20px #0003;transform:rotate(90deg) scale(1.1)}@media (max-width:1200px){.navbar-left-container{margin-right:var(--space-xl)}.navbar-buttons-container{gap:4px;padding:6px}.navbar-button{font-size:.8rem!important;min-width:90px;padding:10px 18px!important}}@media (max-width:960px){.navbar-buttons-container{display:none}.navbar-brand{font-size:1.5rem!important;margin-right:auto!important}.navbar-left-container{margin-right:0}}.button-loading{color:#0000!important;position:relative}.button-loading:after{animation:buttonSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes buttonSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}.navbar-button:hover{animation:buttonHover .3s ease}@keyframes buttonHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}to{transform:translateY(-3px) scale(1.05)}}body{padding-top:80px}.navbar-spacer{height:80px;width:100%}@media (max-width:960px){body{padding-top:70px}.navbar-spacer{height:70px}}.home-page-container{animation:fadeIn .8s ease-out}.hero-section{align-items:center;background:linear-gradient(135deg,#00838ff2,#006064f2),url(https://images.unsplash.com/photo-1585704032915-c3400ca199e7?w=1600&auto=format&fit=crop);background-position:50%;background-size:cover;display:flex;min-height:600px;overflow:hidden;position:relative}.hero-section:before{animation:wave 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.15' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{animation:slideInUp 1s ease-out;color:#fff;position:relative;text-align:center;z-index:2}.hero-title{animation:fadeIn 1s ease-out;font-family:Cairo,Tajawal,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.3;margin-bottom:1.5rem;text-shadow:0 4px 20px #0006}.hero-subtitle{animation:fadeIn 1.2s ease-out;font-size:1.5rem;font-weight:400;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1157px;opacity:.95}.hero-search{animation:slideInUp 1.4s ease-out;background:#fffffffa;border:3px solid #00bcd44d;border-radius:16px;box-shadow:0 25px 50px #00000040;margin:0 auto;max-width:650px;padding:.75rem}.stats-section{animation:fadeIn 1s ease-out;background:linear-gradient(180deg,#e0f7fa,#fff);padding:5rem 0}.stat-card{align-items:center;animation:slideInUp .6s ease-out;animation-fill-mode:both;background:#fff;border:1px solid #00bcd41a;border-radius:24px;box-shadow:0 15px 35px #00838f1f;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:220px;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 30px 60px #00838f33;transform:translateY(-12px) scale(1.02)}.stat-card:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:after{background:linear-gradient(90deg,#00838f,#00bcd4);bottom:0;content:"";height:5px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .4s ease .1s}.stat-card:hover:after{transform:scaleX(1)}.stat-icon-container{align-items:center;display:flex;height:90px;justify-content:center;margin-bottom:1.5rem;position:relative;width:90px}.stat-icon{color:#00838f;font-size:2.75rem!important;position:relative;transition:all .3s ease;z-index:2}.stat-card:hover .stat-icon{animation:bounce 1s ease;color:#00bcd4;transform:scale(1.15)}.stat-icon-container:before{animation:pulse-ring 2.5s ease-in-out infinite;background:linear-gradient(135deg,#00bcd426,#00838f26);border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}50%{opacity:.3;transform:scale(1.15)}to{opacity:.8;transform:scale(.8)}}.stat-value{-webkit-text-fill-color:#0000;animation:count-up 1s ease-out;background:linear-gradient(135deg,#00838f,#00bcd4);-webkit-background-clip:text;background-clip:text;color:#00838f;font-family:Cairo,sans-serif;font-size:2.75rem;font-weight:800;margin:.75rem 0}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-label{color:#546e7a;font-size:1.1rem;font-weight:500;line-height:1.5;margin:0 auto;max-width:220px}.stat-counter{animation:count-up 1s ease-out;display:inline-block}.categories-section{align-items:center;animation:fadeIn 1.2s ease-out;background:#fff;display:flex;flex-direction:column;padding:4rem 0}.section-title{animation:slideInDown .8s ease-out;margin-bottom:3rem;text-align:center;width:100%}.category-grid{animation:fadeIn 1.4s ease-out;flex-wrap:wrap;width:100%}.category-grid,.category-item{display:flex;justify-content:center}.category-item{align-items:stretch;animation:slideInUp .6s ease-out;animation-fill-mode:both;height:100%;margin:0 auto}.category-card-home{align-items:center;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card-home:hover{border-color:#00bcd44d;box-shadow:0 40px 80px #00838f2e;transform:translateY(-15px) scale(1.03)}.category-card-home:before{background:linear-gradient(135deg,#00bcd414,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card-home:hover:before{opacity:1}.category-icon-home{animation:float 4s ease-in-out infinite;color:#00838f;display:block;font-size:4rem;margin-bottom:1.25rem;transition:all .3s ease}.category-card-home:hover .category-icon-home{animation:pulse 1s ease infinite;color:#00bcd4}.category-name{color:#37474f;font-family:Cairo,sans-serif;font-size:1.35rem;margin-bottom:1rem}.category-count,.category-name{font-weight:600;transition:all .3s ease}.category-count{background:linear-gradient(135deg,#00bcd4,#00838f);border-radius:25px;box-shadow:0 4px 15px #00bcd44d;color:#fff;display:inline-block;font-size:.95rem;padding:8px 20px}.featured-section{animation:fadeIn 1.4s ease-out;background:linear-gradient(135deg,#e0f7fa,#b2ebf2 50%,#e0f7fa);padding:5rem 0}.featured-grid{animation:fadeIn 1.6s ease-out}.featured-card-home{animation:slideInUp .6s ease-out;animation-fill-mode:both;background:#fff;border:1px solid #00bcd41a;border-radius:24px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.featured-card-home:hover{box-shadow:0 50px 100px #00838f40;transform:translateY(-20px) scale(1.02)}.featured-card-home:after{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.featured-card-home:hover:after{transform:scaleX(1)}.featured-image{height:220px;overflow:hidden;position:relative}.featured-image:before{background:linear-gradient(180deg,#0000 50%,#006064cc);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.featured-card-home:hover .featured-image:before{opacity:1}.featured-image img{height:100%;object-fit:cover;transition:all .5s ease;width:100%}.featured-card-home:hover .featured-image img{transform:scale(1.1)}.featured-content{padding:2rem}.featured-rating{align-items:center;color:#ffa726;display:flex;gap:6px;margin:.75rem 0}.featured-price{animation:pulse 3s infinite;color:#00838f;font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:700}.how-it-works{animation:fadeIn 1.6s ease-out;background:linear-gradient(135deg,#00838f,#006064);color:#fff;overflow:hidden;padding:5rem 0;position:relative}.how-it-works:before{background:radial-gradient(circle,#00bcd433 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-20%;top:-50%;width:600px}.step-container{animation:slideInUp .8s ease-out;animation-fill-mode:both;padding:2rem;position:relative;text-align:center;z-index:2}.step-number{align-items:center;animation:pulse 2s infinite;background:#ffffff1a;border-radius:50%;color:#ffffff26;display:flex;font-family:Cairo,sans-serif;font-size:3.5rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.step-title{font-size:1.6rem;margin-bottom:1rem}.step-description{font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:300px;opacity:.95}.cta-section{animation:fadeIn 1.8s ease-out;background:linear-gradient(135deg,#00bcd4,#00838f);color:#fff;overflow:hidden;padding:5rem 0;position:relative}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 224 48-10.7c48-10.3 144-32.3 240-32 96-.3 192 21.7 288 42.7 96 21 192 43 288 37.3 96-5.3 192-37.3 288-53.3s192-16 240-16h48v128H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";height:200px;left:0;position:absolute;right:0}.cta-content{animation:slideInUp 1s ease-out;position:relative;text-align:center;z-index:2}.cta-title{font-family:Cairo,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000004d}.cta-subtitle{font-size:1.4rem;line-height:1.7;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.cta-buttons{animation:fadeIn 1.2s ease-out;display:flex;gap:1.5rem;justify-content:center}.cta-btn-primary{background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0003;color:#00838f;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.15rem;font-weight:700;overflow:hidden;padding:18px 45px;position:relative;transition:all .3s ease}.cta-btn-primary:hover{background:#e0f7fa;box-shadow:0 20px 40px #ffffff4d;transform:translateY(-5px) scale(1.05)}.cta-btn-secondary{background:#0000;border:3px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.15rem;font-weight:700;padding:16px 43px;transition:all .3s ease}.cta-btn-secondary:hover{background:#fff;box-shadow:0 20px 40px #0003;color:#00838f;transform:translateY(-5px) scale(1.05)}.animation-delay-1{animation-delay:.1s}.animation-delay-2{animation-delay:.2s}.animation-delay-3{animation-delay:.3s}.animation-delay-4{animation-delay:.4s}.animation-delay-5{animation-delay:.5s}.animation-delay-6{animation-delay:.6s}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.15rem}.hero-search{margin:0 1rem}.stat-value{font-size:2.2rem}.stat-card{min-height:180px;padding:2rem 1.5rem}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.cta-btn-primary,.cta-btn-secondary{max-width:280px;padding:16px 30px;width:100%}.section-title h2{font-size:1.8rem}.category-card-home{padding:2rem 1.5rem}}.category-page-container{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:2rem 0}.page-header{animation:slideInDown .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.page-header:before{animation:wave 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16v224H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.page-title{animation:fadeInUp .6s ease-out .2s both;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.page-subtitle{animation:fadeInUp .6s ease-out .3s both;font-size:1.1rem;opacity:.9}.header-stats{animation:slideInRight .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;padding:1rem 2rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.stat-item{text-align:center}.stat-item h6{font-size:2rem;font-weight:700;margin-bottom:.25rem}.controls-bar{align-items:center;animation:slideInUp .6s ease-out .3s both;background:#fff;border-radius:15px;box-shadow:0 8px 30px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.controls-left,.controls-right{align-items:center;display:flex;gap:1rem}.mobile-filter-btn{display:none!important}.sort-select{min-width:200px}.view-toggle{background:#f8fafc;border-radius:10px;display:flex;gap:.5rem;padding:4px}.view-toggle .MuiIconButton-root{border-radius:8px;transition:all .3s ease}.view-toggle .active{background:#fff!important;box-shadow:0 2px 8px #0000001a;color:#667eea}.filters-panel{animation:slideInLeft .6s ease-out .4s both;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000000f;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.filters-header{justify-content:space-between;margin-bottom:1rem}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:#2d3748;font-weight:600;gap:.5rem}.clear-filters-btn{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:.25rem;text-transform:none}.filter-section{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 0;transition:all .3s ease}.filter-section-header:hover{background:#f8fafc;border-radius:8px;padding:.5rem}.filter-section-title{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:.5rem}.price-filter{padding:1rem 0}.price-slider{margin:1.5rem 0}.price-slider .MuiSlider-track{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:6px}.price-slider .MuiSlider-rail{background:#e2e8f0;border-radius:3px;height:6px}.price-slider .MuiSlider-thumb{background:#fff;border:3px solid #667eea;box-shadow:0 2px 10px #667eea4d;height:20px;width:20px}.price-slider .MuiSlider-thumb:hover{box-shadow:0 4px 20px #667eea66;transform:scale(1.2)}.price-inputs{display:flex;gap:1rem;margin-top:1rem}.price-input{flex:1 1}.price-input .MuiOutlinedInput-root{border-radius:10px}.rating-filter{padding:1rem 0}.rating-option{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s ease}.rating-option:hover{background:#f8fafc;transform:translateX(5px)}.rating-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea}.rating-text{font-weight:500;margin-left:.5rem}.check-icon{animation:popIn .3s ease;color:#48bb78}.features-filter{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0}.feature-filter-chip{border-radius:20px;transition:all .3s ease}.feature-filter-chip:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.service-card-grid,.service-card-list{animation:fadeInUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-card-grid:hover,.service-card-list:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.service-card-grid:hover .service-image{transform:scale(1.1)}.service-image-container{border-radius:15px 15px 0 0;height:220px}.service-image{transition:transform .6s ease}.image-placeholder{background:#f8fafc;bottom:0;left:0;position:absolute;right:0;top:0}.service-badges{gap:.5rem;left:1rem;top:1rem}.badge{animation:badgePop .5s ease-out;border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge.featured{background:linear-gradient(135deg,#667eea,#764ba2)}.badge.discount{background:linear-gradient(135deg,#f56565,#ed8936)}.favorite-btn-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6!important;position:absolute!important;right:1rem;top:1rem;transition:all .3s ease!important}.favorite-btn-overlay:hover{background:#fff!important;transform:scale(1.1)}.service-content{padding:1.5rem!important}.service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.service-title{color:#2d3748;font-weight:700;margin-bottom:.5rem}.favorite-btn{color:#cbd5e0!important}.favorite-btn:hover{color:#f56565!important;transform:scale(1.1)}.service-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.service-location{color:#718096;gap:.25rem}.service-rating{gap:.25rem}.rating-text{color:#718096;font-size:.875rem}.service-description{color:#4a5568;line-height:1.6;margin-bottom:1rem}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-chip{background:#f8fafc;border-radius:12px;color:#4a5568;font-size:.75rem;transition:all .3s ease}.feature-chip:hover{background:#edf2f7;transform:translateY(-2px)}.service-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.price-section{display:flex;flex-direction:column}.service-price{color:#2d3748;font-size:1.5rem;font-weight:800}.original-price{color:#a0aec0;font-size:.875rem;text-decoration:line-through}.service-action-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;overflow:hidden;padding:.5rem 1.5rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.service-action-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.service-action-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.service-action-btn:active:after{animation:ripple 1s ease-out}.service-card-list .service-image-container{border-radius:15px 0 0 15px;height:280px}.service-card-list .service-content{padding:2rem!important}.services-list{display:flex;flex-direction:column;gap:2rem}.loading-container{animation:fadeIn .6s ease-out;flex-direction:column;padding:4rem;text-align:center}.loading-text{color:#718096;margin-top:1.5rem}.no-services-container{align-items:center;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.no-services-image{height:auto;margin-bottom:2rem;opacity:.8;width:300px}.no-services-title{color:#2d3748;font-weight:600;margin-bottom:1rem}.no-services-subtitle{color:#718096;margin-bottom:2rem;max-width:400px}.clear-search-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:.75rem 2rem!important}.pagination-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding:2rem 0}.page-number,.pagination-btn{border-radius:10px!important;font-weight:600!important;height:40px;min-width:40px!important}.pagination-numbers{display:flex;gap:.5rem}.mobile-filter-fab{background:linear-gradient(135deg,#667eea,#764ba2)!important;bottom:2rem;display:none!important;position:fixed!important;right:2rem;z-index:1000}.mobile-filters-drawer .MuiDrawer-paper{border-radius:20px 0 0 20px;max-width:90vw;width:320px}.drawer-content{padding:1rem}.drawer-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-1000px)}}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes badgePop{0%{transform:scale(0) rotate(-10deg)}80%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.service-item:first-child{animation-delay:.1s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.3s}.service-item:nth-child(4){animation-delay:.4s}.service-item:nth-child(5){animation-delay:.5s}.service-item:nth-child(6){animation-delay:.6s}.service-item:nth-child(7){animation-delay:.7s}.service-item:nth-child(8){animation-delay:.8s}.service-item:nth-child(9){animation-delay:.9s}@media (max-width:960px){.page-title{font-size:2rem}.header-stats{margin-top:1.5rem;position:relative;right:0;top:0;transform:none;width:-webkit-fit-content;width:fit-content}.service-card-list .service-image-container{border-radius:15px 15px 0 0;height:200px}}@media (max-width:768px){.page-header{padding:1.5rem}.mobile-filter-btn{display:inline-flex!important}.filters-column{display:none}.mobile-filter-fab{display:inline-flex!important}.controls-bar{align-items:stretch;flex-direction:column;gap:1rem}.controls-left,.controls-right{justify-content:space-between}.service-footer{align-items:stretch;flex-direction:column;gap:1rem}.service-action-btn{width:100%}.price-inputs{flex-direction:column}}.filtering-indicator{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;color:#667eea;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.service-item{transition:opacity .3s ease,transform .3s ease}.services-grid{transition:opacity .3s ease}.Mui-disabled{cursor:not-allowed!important;opacity:.6!important}.price-slider{transition:opacity .3s ease}.price-slider:disabled{opacity:.5}@keyframes skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.filtering-indicator{font-size:.875rem;margin:1rem}}.image-viewer-dialog .MuiDialog-paper{background-color:#000000e6}.image-viewer-header{align-items:center;background-color:#000c;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.image-viewer-header .MuiIconButton-root,.image-viewer-header .MuiTypography-root{color:#fff}.image-viewer-content{background-color:#000;overflow:hidden;padding:0}.zoom-image-btn{opacity:0;transition:opacity .3s ease}.service-image-container:hover .zoom-image-btn{opacity:1}.image-placeholder{align-items:center;background-color:#f5f5f5;display:flex;height:100%;justify-content:center;min-height:200px;width:100%}.service-image-container{cursor:pointer;overflow:hidden;position:relative}.service-image-container:hover .service-image{transform:scale(1.05)}.service-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.nav-arrow{z-index:1000}.thumbnail-strip{background-color:#0000004d;display:flex;gap:8px;overflow-x:auto;padding:8px}.thumbnail-item{border-radius:4px;cursor:pointer;flex-shrink:0;height:40px;overflow:hidden;width:60px}.thumbnail-item.active{border:2px solid #fff}.thumbnail-item img{height:100%;object-fit:cover;width:100%}.service-badges{display:flex;flex-direction:column;gap:4px;left:8px;position:absolute;top:8px;z-index:10}.badge{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.badge.featured{background-color:#ff9800}.badge.discount{background-color:#f44336}.filtering-indicator{align-items:center;background-color:#1976d21a;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.filtering-indicator span{color:#1976d2;font-weight:500}.no-services-container{padding:48px 24px;text-align:center}.no-services-image{height:200px;margin-bottom:24px;opacity:.6;width:200px}.no-services-title{color:#666;margin-bottom:12px}.no-services-subtitle{color:#999;margin-bottom:24px}@media (max-width:768px){.image-viewer-content{padding:8px}.zoom-image-btn{background-color:#ffffffe6;opacity:1}.nav-arrow{transform:scale(.8)}}.loading-more-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.end-of-results,.loading-more-container{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:30px}.end-of-results{border:1px dashed #ddd;text-align:center}.service-card-grid,.service-card-list{transition:opacity .3s ease}.services-container{min-height:200px}.service-map-container{background:#fff;border:1px solid #e1bee7;border-radius:16px;box-shadow:0 8px 32px #7b1fa21a;margin:24px 0;transition:all .3s ease}.service-map-container:hover{box-shadow:0 12px 48px #7b1fa226;transform:translateY(-2px)}.map-header{background:linear-gradient(135deg,#f3e5f5,#e8eaf6);border-bottom:1px solid #d1c4e9;direction:rtl;padding:20px}.map-header h3{align-items:center;color:#5e35b1;display:flex;font-size:1.25rem;font-weight:700;gap:8px;margin:0 0 12px}.map-address{color:#666;font-size:.95rem;line-height:1.5;padding-right:4px}.service-map{min-height:400px}.map-loading{background:#fafafa;z-index:999}.map-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#7b1fa2;height:40px;margin-bottom:16px;width:40px}.map-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;color:#757575;direction:rtl;font-size:.85rem;padding:12px 20px}.map-footer small{opacity:.9}.no-location{background:linear-gradient(135deg,#f9f9f9,#f0f0f0);border:2px dashed #bdbdbd;border-radius:16px;direction:rtl;margin:24px 0;padding:48px 32px}.no-location .location-icon{font-size:64px;margin-bottom:24px;opacity:.6}.no-location p{font-size:1.1rem;font-weight:500;margin-bottom:24px}.address-only{border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-left:auto;margin-right:auto;margin-top:20px;max-width:500px;padding:20px;text-align:right}.custom-marker{background:none!important;border:none!important}.leaflet-container{direction:ltr;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Arabic,sans-serif}.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 8px 32px #00000026;direction:rtl}.leaflet-popup-content{margin:0;min-width:200px;padding:0}.leaflet-control-zoom{border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden}.leaflet-control-zoom a{background:#fff!important;border:none!important;border-bottom:1px solid #e0e0e0!important;color:#5e35b1!important;font-size:18px!important;height:36px!important;line-height:36px!important;transition:all .2s ease!important;width:36px!important}.leaflet-control-zoom a:hover{background:#f3e5f5!important}.leaflet-control-zoom a:first-child{border-radius:8px 8px 0 0!important}.leaflet-control-zoom a:last-child{border-bottom:none!important;border-radius:0 0 8px 8px!important}@media (max-width:768px){.service-map{min-height:300px}.map-header{padding:16px}.no-location{padding:32px 20px}}@media (max-width:480px){.service-map{min-height:250px}.map-header h3{font-size:1.1rem}.no-location .location-icon{font-size:48px}}.service-map-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:20px 0;overflow:hidden}.map-header{background:linear-gradient(135deg,#7b1fa2,#512da8);border-radius:12px 12px 0 0;color:#fff;padding:15px 20px}.map-header h3{font-size:18px;margin:0 0 8px}.map-address{font-size:14px;opacity:.9}.service-map{height:400px!important;position:relative;width:100%!important;z-index:1}.leaflet-container{font-family:inherit!important;height:100%!important;width:100%!important}.map-footer{border-top:1px solid #eee;color:#666;font-size:12px;padding:10px 20px}.map-footer,.no-location{background:#f8f9fa;text-align:center}.no-location{border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px}.location-icon{font-size:48px;margin-bottom:15px}.no-location p{color:#666;margin-bottom:15px}.address-only{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:inline-block;padding:10px 15px}.address-only strong{color:#7b1fa2;margin-left:8px}.map-loading{align-items:center;background:#fffffff2;border-radius:0 0 12px 12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#7b1fa2;height:40px;width:40px}.map-loading p{color:#666;font-size:14px;margin-top:15px}.map-error{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.service-detail-page{background:linear-gradient(135deg,#f8f9fa,#eef2f7);min-height:100vh}.service-detail-header{animation:fadeInDown .8s ease-out;background:var(--gradient-primary);color:#fff;overflow:hidden;padding:var(--space-2xl) 0;position:relative}.service-detail-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.service-header-content{position:relative;z-index:1}.service-title{animation:fadeInUp .8s ease-out .2s both;font-size:3rem;font-weight:800;margin-bottom:var(--space-lg);text-shadow:0 2px 4px #0003}.service-location{animation:fadeInUp .8s ease-out .4s both;font-size:1.1rem;gap:var(--space-sm)}.service-contact-info{animation:fadeInUp .8s ease-out .6s both;display:flex;gap:var(--space-xl)}.contact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:var(--radius-lg);display:flex;gap:8px;padding:12px 20px;transition:all var(--transition-normal)}.contact-item:hover{background:#ffffff40;transform:translateY(-2px)}.service-main-content{padding:var(--space-2xl) 0}.service-description-card{animation:fadeInUp .8s ease-out .8s both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.description-title{color:var(--primary-dark);display:inline-block;font-size:1.75rem;font-weight:700;margin-bottom:var(--space-lg);position:relative}.description-title:after{background:var(--gradient-accent);border-radius:2px;bottom:-8px;content:"";height:3px;position:absolute;right:0;width:100%}.service-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.packages-sidebar{animation:fadeInRight .8s ease-out 1s both;position:-webkit-sticky;position:sticky;top:var(--space-xl)}.packages-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transition:all var(--transition-normal)}.packages-card:hover{box-shadow:0 25px 50px #7b1fa226;transform:translateY(-4px)}.package-image{height:200px;overflow:hidden;position:relative}.package-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.packages-card:hover .package-image img{transform:scale(1.05)}.package-image:after{background:linear-gradient(0deg,#00000080,#0000);bottom:0;content:"";height:100px;left:0;position:absolute;right:0}.package-list{padding:var(--space-xl)}.package-list-title{color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg)}.package-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-lg) 0;transition:all var(--transition-fast)}.package-item:hover{background:var(--hover-overlay);padding-right:var(--space-md)}.package-item:last-child{border-bottom:none}.package-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.package-duration{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.package-price-chip{background:var(--gradient-primary);border-radius:20px;box-shadow:0 4px 12px #7b1fa233;color:#fff;font-size:.875rem;font-weight:600;min-width:100px;padding:8px 16px;text-align:center}.book-now-btn{background:var(--gradient-secondary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:1px;margin-top:var(--space-lg);overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all var(--transition-normal);width:100%}.book-now-btn:hover{box-shadow:0 12px 24px #ff57224d;transform:translateY(-2px)}.book-now-btn:active{transform:translateY(0)}.book-now-btn:after{content:"🎉";opacity:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:all var(--transition-normal)}.book-now-btn:hover:after{opacity:1;right:20px}.service-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;border-bottom:4px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:50%;border-right-color:var(--border-color);border-right:4px solid var(--secondary-color);border-top-color:var(--border-color);border-top:4px solid var(--primary-color);height:60px;width:60px}.loading-text{animation:pulse 2s ease-in-out infinite;color:var(--text-secondary);font-size:1.25rem}@media (max-width:768px){.service-title{font-size:2.25rem}.service-contact-info{flex-direction:column;gap:var(--space-md)}.service-main-content{padding:var(--space-xl) 0}.service-description-card{padding:var(--space-xl)}.packages-sidebar{margin-top:var(--space-xl);position:static}}@media (max-width:480px){.service-title{font-size:1.875rem}.package-list,.service-description-card{padding:var(--space-lg)}}.packages-section{margin-top:40px}.section-title{color:var(--primary-dark);font-size:1.75rem;font-weight:700;margin-bottom:24px;padding-bottom:8px}.section-title:after{background:var(--gradient-accent);height:3px;width:60%}.package-card{background:#fff;border:1px solid #e1bee7;border-radius:16px;height:100%;overflow:hidden;transition:all .3s ease}.package-card:hover{box-shadow:0 12px 32px #7b1fa226;transform:translateY(-4px)}.package-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.package-name{color:#5e35b1;flex:1 1;font-size:1.25rem;font-weight:700}.price-chip{background:linear-gradient(135deg,#7b1fa2,#512da8);border-radius:20px;color:#fff;font-weight:600;padding:4px 12px}.package-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:16px}.package-meta{margin-bottom:16px}.package-inclusions{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:20px;padding:16px}.package-inclusions ul{direction:rtl;list-style-type:disc;margin:0;padding-right:20px}.package-inclusions li{color:#666;font-size:.9rem;margin-bottom:6px}.package-book-btn{background:linear-gradient(135deg,#ff6b35,#ff3d00);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.package-book-btn:hover{background:linear-gradient(135deg,#ff5722,#ff1744);box-shadow:0 8px 20px #ff57224d;transform:translateY(-2px)}.packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.packages-grid{grid-template-columns:1fr}}.rating-section{animation:fadeInUp .8s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.rating-summary{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:48px;margin-bottom:32px;padding-bottom:24px}@media (max-width:768px){.rating-summary{flex-direction:column;gap:24px;text-align:center}}.overall-rating{align-items:center;display:flex;flex-direction:column;min-width:150px}.average-rating{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1}.stars-display{margin:8px 0}.total-reviews{color:var(--text-secondary);font-size:.9rem}.rating-distribution{flex:1 1}.distribution-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.distribution-row:last-child{margin-bottom:0}.distribution-bar{background:#e0e0e0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.distribution-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .5s ease}.rating-actions{display:flex;justify-content:center}.rate-button{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;font-size:1.1rem;font-weight:600;padding:12px 32px;transition:all var(--transition-normal)}.rate-button:hover{box-shadow:0 8px 20px #7b1fa24d;transform:translateY(-2px)}.user-review-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;max-width:500px;padding:20px;width:100%}.user-comment,.user-review-content{margin-top:12px}.user-comment{background:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;line-height:1.6;padding:12px}.review-actions{display:flex;gap:12px;margin-top:16px}.service-rating-badge{align-items:center;animation:fadeInUp .8s ease-out .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;display:flex;gap:8px;margin-bottom:16px;padding:8px 16px}.service-rating-badge .MuiTypography-h6{font-weight:600;margin:0}.MuiDialog-paper{animation:fadeInUp .3s ease-out;border-radius:16px!important}.MuiDialogTitle-root{background:linear-gradient(135deg,#7b1fa2,#512da8);color:#fff!important;font-weight:700!important;text-align:center}.MuiDialogContent-root{padding:24px!important}.MuiDialogActions-root{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #dee2e6;padding:16px 24px!important}.booking-footer{border-top:1px solid #dee2e6;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.plumbing-booking-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#e0f2f1,#e0f7fa);min-height:100vh;padding:2rem 0;position:relative}.plumbing-booking-container:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.plumbing-booking-card{animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd433;border-radius:24px;box-shadow:0 20px 60px #00838f26;overflow:hidden;padding:2.5rem;position:relative}.plumbing-booking-card:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:6px;left:0;position:absolute;right:0;top:0}.plumbing-service-title{animation:fadeIn .6s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;position:relative}.plumbing-service-title:after{animation:widthGrow 1s ease-out;background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;content:"";display:block;height:4px;margin-top:15px;width:80px}@keyframes widthGrow{0%{width:0}to{width:80px}}.plumbing-form{display:flex;flex-direction:column;gap:2rem}.plumbing-form-group{animation:fadeIn .5s ease-out}.plumbing-label{animation:slideInLeft .4s ease-out;display:block;font-weight:600;margin-bottom:8px}.plumbing-label,.plumbing-select{color:#006064;font-family:Cairo,sans-serif}.plumbing-select{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #00bcd44d;border-radius:12px;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.plumbing-select:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none;transform:translateY(-2px)}.plumbing-option{animation:fadeIn .4s ease-out;border-radius:8px;margin:4px 0;padding:1rem;transition:all .3s ease}.plumbing-option:hover{background:linear-gradient(90deg,#00bcd40d,#00bcd41a);transform:translateX(5px)}.plumbing-date-time{animation:fadeIn .6s ease-out;display:flex;gap:1rem}@media (max-width:768px){.plumbing-date-time{flex-direction:column}}.plumbing-input{background:#fff;border:2px solid #00bcd44d;border-radius:12px;color:#006064;font-family:Cairo,sans-serif;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.plumbing-input:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none;transform:translateY(-2px)}.plumbing-textarea{animation:fadeIn .7s ease-out;min-height:120px;resize:vertical}.price-summary{animation:slideInRight .6s ease-out;background:linear-gradient(135deg,#e0f7fa,#fff);border:1px solid #00bcd426;border-radius:20px;box-shadow:0 10px 30px #00838f1a;margin-top:2rem;padding:2rem}.price-display{animation:pulse 2s infinite;color:#00838f;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;text-shadow:0 2px 10px #00838f33}.plumbing-action-btn{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#00838f,#006064);border:none;border-radius:12px;box-shadow:0 10px 30px #00838f4d;color:#fff;font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:700;padding:18px 50px}.plumbing-action-btn:hover{box-shadow:0 15px 40px #00838f66;transform:translateY(-3px)}.plumbing-action-btn:disabled{background:#90a4ae;box-shadow:none;cursor:not-allowed;transform:none}.plumbing-action-btn:after{background:#ffffff80}.plumbing-action-btn:active:after{animation:ripple 1s ease-out}.form-error{animation:shake .5s ease;color:#d32f2f;font-size:.9rem;margin-top:4px}.login-prompt{animation:slideInUp .6s ease-out;background:#fff3e0e6;border-radius:12px;border-right:4px solid #ff9800;padding:1rem}.progress-indicator{animation:fadeIn .6s ease-out;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.progress-indicator:before{background:#00bcd44d;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:1}.progress-step{animation:fadeIn .4s ease-out;flex:1 1;min-width:80px;position:relative;text-align:center;z-index:2}.step-icon{background:#fff;border:3px solid #00bcd44d;color:#00838f;margin:0 auto 8px;transition:all .3s ease}.step-active .step-icon{background:#00838f;border-color:#00838f;box-shadow:0 5px 20px #00838f66;color:#fff;transform:scale(1.1)}.step-completed .step-icon{background:#00bcd4;border-color:#00bcd4;color:#fff}.step-label{color:#546e7a;font-size:.9rem;font-weight:500}.step-active .step-label{color:#00838f;font-weight:700}.time-slot-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.time-slot{background:#fff;border:2px solid #00bcd44d;border-radius:12px;color:#006064;cursor:pointer;font-family:Cairo,sans-serif;font-weight:500;padding:12px;text-align:center;transition:all .3s ease}.time-slot:hover{border-color:#00bcd4;box-shadow:0 5px 15px #00bcd433;transform:translateY(-2px)}.time-slot.selected{background:linear-gradient(135deg,#00838f,#006064);border-color:#006064;box-shadow:0 5px 20px #00838f66;color:#fff}.time-slot.unavailable{background:#eceff1;border-color:#cfd8dc;color:#90a4ae;cursor:not-allowed;opacity:.6}.plumbing-package-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 5px 20px #00000014;cursor:pointer;height:100%;padding:2rem}.plumbing-package-card:hover{box-shadow:0 15px 30px #00838f26;transform:translateY(-4px)}.plumbing-package-card.selected{background:linear-gradient(135deg,#00bcd40d,#00838f1a);border-color:#00838f}.package-features{list-style:none;margin:0;padding:0}.package-features li{align-items:center;color:#546e7a;display:flex;font-family:Cairo,sans-serif;gap:8px;padding:8px 0}.package-features li:before{align-items:center;background:#00bcd41a;border-radius:50%;color:#00838f;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.whatsapp-button{background:#25d366!important;border-radius:12px!important;color:#fff!important;font-family:Cairo,sans-serif!important;font-weight:600!important;transition:all .3s ease!important}.whatsapp-button:hover{box-shadow:0 8px 20px #25d36666!important;transform:translateY(-2px)}@media (max-width:768px){.plumbing-booking-card{margin:0 1rem;padding:1.5rem}.plumbing-service-title{font-size:1.4rem}.progress-step{min-width:60px}.step-label{font-size:.8rem}.plumbing-action-btn{font-size:1.1rem;padding:14px 30px;width:100%}.price-display{font-size:1.8rem}.time-slot-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:600px){.whatsapp-button{font-size:.875rem!important;padding:10px!important}.plumbing-input,.plumbing-select{padding:12px 16px}}.plumbing-form ::-webkit-scrollbar{width:8px}.plumbing-form ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.plumbing-form ::-webkit-scrollbar-thumb{background:#00838f;border-radius:4px}.plumbing-form ::-webkit-scrollbar-thumb:hover{background:#006064}.login-container{align-items:center;background:linear-gradient(135deg,#006064,#00838f 50%,#00acc1);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{animation:waveMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 32 96 16.3 192 26.3 288 10.6 96-16.3 192-58.3 240-80l48-21.3v256H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.login-paper{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #00bcd433;border-radius:24px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #fff3;max-width:450px;overflow:hidden;padding:3rem;position:relative;width:100%}.login-paper:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.login-title{animation:slideInDown .6s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:2rem;font-weight:800;margin-bottom:2rem;position:relative;text-align:center}.login-title:after{animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:1.8rem;margin-right:10px}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input{animation:fadeIn .5s ease-out;background:#e0f7fa4d;border:2px solid #e0f2f1;border-radius:16px;font-family:Cairo,sans-serif;font-size:1rem;padding:18px 24px;transition:all .3s ease}.login-input:focus{background:#ffffffe6;border-color:#00bcd4;box-shadow:0 0 0 4px #00bcd426;transform:translateY(-2px)}.login-input::placeholder{color:#80deea}.login-input.error{animation:shake .5s ease;background:#f443360d;border-color:#f44336}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-btn{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#00838f,#006064);border:none;border-radius:16px;box-shadow:0 8px 25px #00838f4d;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:0 15px 40px #00838f66;transform:translateY(-3px)}.login-btn:active{transform:translateY(-1px)}.login-btn.loading{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#00838f,#00bcd4,#00838f);background-size:200% 100%}.login-links{animation:fadeIn .8s ease-out;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:center}.login-link{font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s ease}.login-link:after{left:50%;transform:translateX(-50%)}.login-link:hover{color:#006064}.login-error{animation:slideInRight .5s ease-out;background:#f443361a;border-radius:12px;border-right:4px solid #f44336;color:#d32f2f;font-family:Cairo,sans-serif;font-size:.9rem;padding:12px 16px}.login-decorative{color:#fff;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:8rem;opacity:.08;position:absolute;z-index:0}.login-decorative-1{animation:float 6s ease-in-out infinite;left:10%;top:10%}.login-decorative-2{animation:float 6s ease-in-out infinite reverse;bottom:10%;right:10%}.login-decorative-3{animation:float 8s ease-in-out infinite;animation-delay:1s;font-size:6rem;left:5%;top:50%}.login-divider{align-items:center;color:#80deea;display:flex;font-family:Cairo,sans-serif;font-size:.9rem;margin:1.5rem 0}.login-divider:after,.login-divider:before{background:linear-gradient(90deg,#0000,#b2ebf2,#0000);content:"";flex:1 1;height:1px}.login-divider span{padding:0 1rem}.social-login{gap:1rem}.social-btn,.social-login{display:flex;justify-content:center}.social-btn{align-items:center;background:#fff;border:2px solid #e0f2f1;border-radius:50%;cursor:pointer;font-size:1.3rem;height:50px;transition:all .3s ease;width:50px}.social-btn:hover{border-color:#00bcd4;box-shadow:0 8px 20px #00bcd433;transform:translateY(-3px)}@media (max-width:768px){.login-paper{border-radius:20px;margin:1rem;padding:2rem}.login-decorative{font-size:5rem}.login-title{font-size:1.6rem}.login-input{padding:16px 20px}}.registration-page{align-items:center;background:linear-gradient(135deg,#006064,#00838f 50%,#00acc1);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-2xl) var(--space-lg);position:relative}.registration-page:before{animation:waveMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.08' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 32 96 16.3 192 26.3 288 10.6 96-16.3 192-58.3 240-80l48-21.3v256H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.registration-container{animation:fadeInUp .8s ease-out;max-width:500px;position:relative;width:100%;z-index:1}.registration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #00bcd433;border-radius:24px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #fff3;overflow:hidden;padding:var(--space-2xl);position:relative}.registration-card:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.registration-header{margin-bottom:var(--space-2xl);text-align:center}.registration-title{color:#006064;display:inline-block;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:var(--space-sm);position:relative}.registration-title:after{animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:1.8rem;margin-right:10px}.registration-subtitle{color:#00838f;font-family:Cairo,sans-serif;font-size:1.1rem;line-height:1.6}.registration-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group-registration{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label-registration{color:#006064;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-input-registration{background:#e0f7fa4d;border:2px solid #e0f2f1;border-radius:16px;font-family:Cairo,sans-serif;font-size:1rem;padding:16px 20px;transition:all var(--transition-fast);width:100%}.form-input-registration:focus{background:#ffffffe6;border-color:#00bcd4;box-shadow:0 0 0 4px #00bcd426;outline:none;transform:translateY(-2px)}.form-input-registration:hover{border-color:#80deea}.form-input-registration::placeholder{color:#80deea}.password-strength{display:flex;gap:4px;margin-top:var(--space-xs)}.strength-bar{background:#e0f2f1;border-radius:2px;flex:1 1;height:4px;transition:all var(--transition-fast)}.strength-bar.weak{background:#f44336}.strength-bar.fair{background:#ff9800}.strength-bar.good{background:#ffc107}.strength-bar.strong{background:#00bcd4}.role-selector{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.role-option{background:#ffffff80;border:2px solid #e0f2f1;border-radius:16px;cursor:pointer;padding:var(--space-lg);position:relative;text-align:center;transition:all var(--transition-normal)}.role-option:hover{border-color:#00bcd4;box-shadow:0 8px 25px #00bcd426;transform:translateY(-3px)}.role-option.selected{background:#00bcd414;border-color:#00838f;box-shadow:0 8px 25px #00838f33}.role-icon{color:#00838f;font-size:2.2rem;margin-bottom:var(--space-sm);transition:transform .3s ease}.role-option:hover .role-icon{transform:scale(1.1)}.role-name{color:#006064;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;margin-bottom:var(--space-xs)}.role-description{color:#00838f;font-family:Cairo,sans-serif;font-size:.875rem;line-height:1.4}.terms-section{margin:var(--space-lg) 0}.terms-checkbox{align-items:flex-start;display:flex;gap:var(--space-sm)}.terms-label{color:#546e7a;font-family:Cairo,sans-serif;font-size:.9rem;line-height:1.6}.terms-link{color:#00838f;font-weight:700;position:relative;text-decoration:none}.terms-link:after{background:linear-gradient(90deg,#00bcd4,#00838f);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.terms-link:hover:after{width:100%}.submit-btn{background:linear-gradient(135deg,#00838f,#006064);border-radius:16px;box-shadow:0 8px 25px #00838f4d;font-family:Cairo,sans-serif;font-weight:700;letter-spacing:1px;padding:18px 32px;text-transform:uppercase;transition:all var(--transition-normal);width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 15px 40px #00838f66}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn:after{transform-origin:50% 50%}.submit-btn:focus:not(:active):after{animation:ripple 1s ease-out}.login-link-section{border-top:1px solid #e0f2f1;margin-top:var(--space-xl);padding-top:var(--space-xl);text-align:center}.login-text{color:#78909c;font-family:Cairo,sans-serif;font-size:.9rem}.login-link{color:#00838f;font-weight:700;margin-right:4px;position:relative;text-decoration:none}.login-link:after{background:linear-gradient(90deg,#00bcd4,#00838f);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-link:hover:after{width:100%}.provider-stepper{margin-bottom:var(--space-2xl)}.stepper-step{position:relative}.step-icon{align-items:center;background:#e0f2f1;border:3px solid #e0f2f1;border-radius:50%;color:#78909c;display:flex;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;margin:0 auto;transition:all var(--transition-normal);width:45px}.stepper-step.active .step-icon{background:linear-gradient(135deg,#00bcd4,#00838f);border-color:#00bcd4;box-shadow:0 8px 25px #00bcd466;color:#fff;transform:scale(1.1)}.stepper-step.completed .step-icon{background:linear-gradient(135deg,#00838f,#006064);border-color:#00838f;color:#fff}.step-label{color:#78909c;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:700;margin-top:var(--space-sm);text-align:center;transition:all var(--transition-normal)}.stepper-step.active .step-label{color:#00838f}.step-content{animation:fadeInUp .5s ease-out}.step-title{color:#006064;font-family:Cairo,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:var(--space-lg);text-align:center}.business-info-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.step-navigation{border-top:1px solid #e0f2f1;display:flex;justify-content:space-between;margin-top:var(--space-2xl);padding-top:var(--space-xl)}.nav-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;gap:8px;padding:14px 28px;transition:all var(--transition-fast)}.back-btn{background:#fff;border:2px solid #e0f2f1;color:#78909c}.back-btn:hover{background:#e0f7fa80;border-color:#80deea;color:#00838f}.next-btn{background:linear-gradient(135deg,#00838f,#006064);box-shadow:0 4px 15px #00838f4d;color:#fff}.next-btn:hover{box-shadow:0 10px 30px #00838f66;transform:translateY(-3px)}.success-message{padding:var(--space-2xl);text-align:center}.success-icon{animation:bounceIn 1s ease-out;color:#00bcd4;font-size:4rem;margin-bottom:var(--space-lg)}.success-title{color:#006064;font-family:Cairo,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:var(--space-md)}.success-description{color:#00838f;font-family:Cairo,sans-serif;line-height:1.6;margin:0 auto;max-width:400px}@media (max-width:768px){.registration-card{border-radius:20px;padding:var(--space-xl)}.registration-title{font-size:1.8rem}.business-info-grid,.role-selector{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:var(--space-md)}.nav-btn{justify-content:center;width:100%}}@media (max-width:480px){.registration-title{font-size:1.5rem}.registration-container{padding:0}.registration-card{border:none;border-radius:0;box-shadow:none;min-height:100vh}.registration-page{padding:0}}.user-bookings-page{background:linear-gradient(135deg,#f8f9fa,#eef2f7);min-height:100vh;padding:var(--space-2xl) 0}.bookings-header{animation:fadeInDown .8s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.bookings-header:before{content:"📋";font-size:8rem;left:-40px;opacity:.05;position:absolute;top:-40px;transform:rotate(15deg)}.bookings-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:var(--space-sm);position:relative;z-index:1}.user-welcome{align-items:center;color:var(--text-secondary);display:flex;font-size:1.125rem;gap:var(--space-sm);margin-bottom:var(--space-lg);position:relative;z-index:1}.user-welcome:before{content:"👋";font-size:1.5rem}.bookings-container{animation:fadeInUp .8s ease-out .2s both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-xl)}.table-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-md);text-transform:uppercase}.booking-row,.table-header{grid-gap:var(--space-md);border-radius:var(--radius-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(7,1fr);padding:var(--space-lg) var(--space-md)}.booking-row{animation:fadeInUp .8s ease-out;background:#fff;border:1px solid var(--border-color);margin-bottom:var(--space-sm);position:relative;transition:all var(--transition-fast)}.booking-row:hover{background:var(--hover-overlay);border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateX(-4px)}.booking-number{color:var(--primary-color);font-size:.875rem;font-weight:700}.booking-service{color:var(--text-primary);font-weight:600}.booking-date{color:var(--text-primary);font-size:.875rem}.booking-time{color:var(--text-secondary);font-size:.875rem}.booking-price{color:var(--success-color);font-size:1.125rem;font-weight:700}.booking-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-align:center;text-transform:uppercase}.status-pending{background:linear-gradient(135deg,#ffb74d,#ff9800)}.status-approved{background:linear-gradient(135deg,#81c784,#4caf50)}.status-rejected{background:linear-gradient(135deg,#e57373,#f44336)}.status-completed{background:linear-gradient(135deg,#64b5f6,#2196f3)}.booking-actions{display:flex;gap:var(--space-sm)}.action-btn{border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all var(--transition-fast)}.view-btn{background:var(--hover-overlay);border:1px solid var(--border-color);color:var(--text-primary)}.view-btn:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary-dark)}.print-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.print-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.no-bookings{animation:fadeInUp .8s ease-out;padding:var(--space-2xl);text-align:center}.no-bookings-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.no-bookings-title{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.no-bookings-description{color:var(--text-disabled);margin:0 auto var(--space-lg);max-width:400px}.explore-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all var(--transition-normal)}.explore-btn:hover{box-shadow:0 12px 24px #7b1fa24d;transform:translateY(-2px)}.booking-details-dialog{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:slideInFromRight .3s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-2xl);width:90%}.dialog-header{margin-bottom:var(--space-xl);text-align:center}.dialog-title{margin-bottom:var(--space-xs)}.dialog-subtitle{color:var(--primary-color);font-size:1.125rem;font-weight:600}.detail-item{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.detail-label{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-xs);text-transform:uppercase}.detail-value{font-size:1.125rem}.detail-notes{background:var(--hover-overlay);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-top:var(--space-md);padding:var(--space-lg)}.close-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all var(--transition-fast)}.close-btn:hover{box-shadow:0 8px 16px #7b1fa24d;transform:translateY(-2px)}.bookings-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:60vh}.loading-spinner-bookings{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;border-bottom:4px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:50%;border-right-color:var(--border-color);border-right:4px solid var(--secondary-color);border-top-color:var(--border-color);border-top:4px solid var(--primary-color);height:60px;width:60px}@media (max-width:1024px){.booking-row,.table-header{grid-template-columns:repeat(4,1fr)}.booking-row>:nth-child(5),.booking-row>:nth-child(6),.booking-row>:nth-child(7),.table-header>:nth-child(5),.table-header>:nth-child(6),.table-header>:nth-child(7){display:none}}@media (max-width:768px){.bookings-header{padding:var(--space-xl)}.bookings-title{font-size:2rem}.booking-row,.table-header{grid-template-columns:repeat(2,1fr);padding:var(--space-md)}.booking-actions{flex-direction:column}.dialog-content{padding:var(--space-xl)}}@media (max-width:480px){.booking-row,.table-header{grid-template-columns:1fr}.booking-row{padding:var(--space-lg)}.booking-row,.detail-item{margin-bottom:var(--space-md)}.detail-item{padding-bottom:var(--space-md)}}.user-profile-page{background:linear-gradient(135deg,#e0f2f1,#b2ebf2);min-height:100vh;padding:var(--space-2xl) 0;position:relative}.user-profile-page:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.profile-container{margin:0 auto;max-width:1000px;padding:0 var(--space-lg);position:relative;z-index:1}.profile-header{animation:fadeInDown .8s ease-out;background:linear-gradient(135deg,#006064,#00838f);border-radius:24px;box-shadow:0 20px 60px #00838f4d;color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.profile-header:before{animation:waveMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.profile-title{font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:800;margin:0;position:relative}.profile-title:after{animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:2.2rem;margin-right:10px}.edit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-weight:700;gap:8px;padding:12px 24px;transition:all var(--transition-normal)}.edit-btn:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.user-info{gap:var(--space-xl)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#00bcd4,#00838f);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #0003;color:#fff;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.user-details h2{font-size:1.75rem;margin:0 0 var(--space-xs) 0}.user-details h2,.user-role{font-family:Cairo,sans-serif;font-weight:700}.user-role{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:.9rem;padding:8px 20px}.profile-content{grid-gap:var(--space-2xl);animation:fadeInUp .8s ease-out .2s both;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 2fr}.profile-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd426;border-radius:24px;box-shadow:0 15px 50px #0000001a;padding:var(--space-2xl);text-align:center}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,#00838f,#006064);border:4px solid #0000;border-radius:50%;box-shadow:0 10px 30px #00838f4d;color:#fff;display:flex;font-size:3rem;font-weight:800;height:120px;justify-content:center;margin:0 auto var(--space-xl);position:relative;width:120px}.sidebar-avatar:before{background:linear-gradient(135deg,#00bcd4,#00838f);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.sidebar-username{color:#006064;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-sm)}.sidebar-role{background:linear-gradient(135deg,#00838f,#006064);border-radius:25px;box-shadow:0 4px 15px #00838f4d;color:#fff;display:inline-block;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:var(--space-xl);padding:8px 24px}.sidebar-divider{background:linear-gradient(90deg,#0000,#e0f2f1,#0000);height:2px;margin:var(--space-xl) 0}.sidebar-info{text-align:right}.info-item{color:#546e7a;font-family:Cairo,sans-serif;font-size:.9rem;margin-bottom:var(--space-md)}.info-label{color:#006064;display:block;font-size:.8rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.status-alert-profile{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;box-shadow:0 8px 20px #ff98004d;color:#fff;font-family:Cairo,sans-serif;font-weight:700;margin-top:var(--space-xl);padding:var(--space-md);text-align:center}.profile-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd426;border-radius:24px;box-shadow:0 15px 50px #0000001a;padding:var(--space-2xl)}.section-title{color:#006064;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-xl)}.section-title:after{background:linear-gradient(90deg,#00bcd4,#00838f)}.form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:#006064;display:block;font-weight:700;margin-bottom:var(--space-sm)}.form-input,.form-label{font-family:Cairo,sans-serif}.form-input{background:#e0f7fa4d;border:2px solid #e0f2f1;border-radius:12px;padding:16px 20px}.form-input:focus{background:#ffffffe6;border-color:#00bcd4;box-shadow:0 0 0 4px #00bcd426}.form-input:disabled{background:#e0f7fa80;cursor:not-allowed}.form-actions{border-top:1px solid #e0f2f1;display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl)}.save-btn{align-items:center;background:linear-gradient(135deg,#00838f,#006064);border:none;border-radius:12px;box-shadow:0 8px 25px #00838f4d;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;gap:8px;padding:16px 36px;transition:all var(--transition-normal)}.save-btn:hover{box-shadow:0 12px 35px #00838f66;transform:translateY(-3px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:#fff;border:2px solid #e0f2f1;border-radius:12px;color:#78909c;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;padding:14px 28px;transition:all var(--transition-fast)}.cancel-btn:hover{background:#e0f7fa80;border-color:#00838f;color:#00838f}.provider-info-section{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-radius:16px;border-right:4px solid #00838f;box-shadow:0 4px 15px #0000000d;margin-top:var(--space-xl);padding:var(--space-xl)}.provider-info-title{color:#006064;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:800;margin-bottom:var(--space-md)}.provider-info-alert{background:#00bcd41a;border:1px solid #00bcd433;border-radius:12px;color:#00838f;font-family:Cairo,sans-serif;padding:var(--space-lg)}@media (max-width:1024px){.profile-content{gap:var(--space-xl);grid-template-columns:1fr}}@media (max-width:768px){.profile-header{border-radius:20px;padding:var(--space-xl)}.header-top{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.profile-title{font-size:1.8rem}.profile-title:after{font-size:1.6rem}.user-info{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-container{padding:0 var(--space-md)}.profile-title{font-size:1.5rem}.sidebar-avatar{font-size:2rem;height:80px;width:80px}.profile-main,.profile-sidebar{border-radius:20px;padding:var(--space-xl)}.user-avatar{font-size:2rem;height:80px;width:80px}}.vendor-management-page{background:linear-gradient(135deg,#f8f9fa,#eef2f7);min-height:100vh;padding:var(--space-2xl) 0}.management-header{animation:fadeInDown .8s ease-out;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));border-radius:var(--radius-xl);color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.management-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.header-content{position:relative;z-index:1}.management-subtitle{font-size:1.125rem;opacity:.9}.action-header{animation:fadeInUp .8s ease-out .2s both;margin-bottom:var(--space-2xl)}.action-title:after{background:var(--gradient-primary);border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:60px}.add-btn{align-items:center;background:var(--gradient-secondary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--transition-normal)}.add-btn:hover{box-shadow:0 12px 24px #ff57224d;transform:translateY(-2px)}.add-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.items-grid{grid-gap:var(--space-xl);animation:fadeInUp .8s ease-out .4s both;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-2xl)}.item-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--transition-normal)}.item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.item-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);z-index:1}.item-card:hover:before{transform:scaleX(1)}.item-image{height:180px;overflow:hidden;position:relative}.item-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.item-card:hover .item-image img{transform:scale(1.1)}.item-content{padding:var(--space-xl)}.item-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-sm)}.item-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-md)}.item-stats{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-md)}.item-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.action-btn-small{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all var(--transition-fast)}.edit-btn{background:var(--hover-overlay);border:1px solid var(--border-color);color:var(--text-primary)}.edit-btn:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--primary-dark)}.delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.delete-btn:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.no-items{animation:fadeInUp .8s ease-out .4s both;padding:var(--space-2xl);text-align:center}.no-items-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.no-items-title{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.no-items-description{color:var(--text-disabled);margin:0 auto;max-width:400px}.management-dialog{animation:fadeIn .3s ease-out;bottom:0;right:0}.dialog-container{animation:slideInFromRight .3s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;padding:var(--space-2xl)}.dialog-title{color:var(--primary-dark);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.dialog-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:1rem;padding:12px 16px;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7b1fa21a;outline:none}.form-input:hover{border-color:var(--primary-light)}.dialog-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-xl)}.cancel-dialog-btn{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 24px;transition:all var(--transition-fast)}.cancel-dialog-btn:hover{background:var(--hover-overlay);border-color:var(--text-secondary)}.submit-dialog-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all var(--transition-fast)}.submit-dialog-btn:hover{box-shadow:0 8px 16px #7b1fa24d;transform:translateY(-2px)}.management-loading{gap:var(--space-lg);min-height:60vh}.loading-spinner-management{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;border-bottom:4px solid var(--border-color);border-left:4px solid var(--border-color);border-right-color:var(--border-color);border-right:4px solid var(--secondary-color);border-top-color:var(--border-color);border-top:4px solid var(--primary-color);height:60px;width:60px}@media (max-width:1024px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.management-header{padding:var(--space-xl)}.management-title{font-size:2rem}.action-header{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.items-grid{grid-template-columns:1fr}.dialog-container{padding:var(--space-xl)}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.management-title{font-size:1.75rem}.action-title{font-size:1.5rem}.item-content{padding:var(--space-lg)}.dialog-actions,.item-actions{flex-direction:column}.cancel-dialog-btn,.submit-dialog-btn{justify-content:center;width:100%}}.management-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-sm)}.action-title{color:var(--primary-dark);font-size:1.75rem;font-weight:700;padding-bottom:var(--space-sm);position:relative}.action-title,.dialog-title,.management-title,.management-title.MuiTypography-root,.no-items-title{font-family:var(--font-family);line-height:1.2;margin:0}.management-title,.management-title.MuiTypography-root{font-size:2.5rem;font-weight:800}.action-title,.action-title.MuiTypography-root{color:var(--primary-dark);font-family:var(--font-family);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0;padding-bottom:var(--space-sm);position:relative}.action-title.MuiTypography-root:after{background:var(--gradient-primary);border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:60px}.no-items-title,.no-items-title.MuiTypography-root{color:var(--text-secondary);font-family:var(--font-family);font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.dialog-title,.dialog-title.MuiTypography-root{color:var(--primary-dark);font-family:var(--font-family);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0;text-align:center}.vendor-management-page{padding:20px}.management-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner-management{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.management-header{margin-bottom:30px}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.form-input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.item-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.management-dialog{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog-container{background:#fff;border-radius:10px;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.image-gallery{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.image-thumbnail{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:100px}.image-thumbnail:hover{border-color:var(--primary-color);transform:scale(1.05)}.image-thumbnail img{height:100%;object-fit:cover;width:100%}.delete-image-btn{background:#f44336e6!important;color:#fff!important;height:24px!important;opacity:0;position:absolute!important;right:4px;top:4px;transition:opacity var(--transition-fast);width:24px!important}.image-thumbnail:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#d32f2f!important}.upload-image-btn{align-items:center;border:2px dashed var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.upload-image-btn:hover{background:var(--hover-overlay)!important;border-color:var(--primary-color)!important}.image-slider{background:var(--surface-dark);border-radius:var(--radius-lg);height:300px;margin-bottom:var(--space-md);overflow:hidden;position:relative;width:100%}.slider-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.slider-arrow{background:#00000080!important;color:#fff!important;height:40px!important;position:absolute;top:50%;transform:translateY(-50%);width:40px!important;z-index:10}.slider-arrow:hover{background:#000c!important}.slider-arrow.prev{right:10px}.slider-arrow.next{left:10px}.slider-dots{bottom:15px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.slider-dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all var(--transition-fast);width:8px}.slider-dot.active{background:#fff;transform:scale(1.2)}.slider-dot:hover{background:#fffc}.no-images-slider{align-items:center;color:var(--text-disabled);display:flex;flex-direction:column;gap:var(--space-md);height:100%;justify-content:center}.no-images-slider-icon{font-size:3rem;opacity:.3}@media (max-width:768px){.image-slider{height:250px}.image-thumbnail,.upload-image-btn{height:80px;width:80px}}@media (max-width:480px){.image-slider{height:200px}.image-thumbnail,.upload-image-btn{height:60px;width:60px}.slider-arrow{height:32px!important;width:32px!important}}.admin-dashboard-container{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#e0f2f1,#b2ebf2);min-height:100vh;padding:2rem 0;position:relative}.admin-dashboard-container:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-card{animation:slideInUp 1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #00bcd41a;border-radius:24px;box-shadow:0 25px 80px #00838f26;overflow:hidden;padding:3rem;position:relative;z-index:1}.dashboard-card:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.dashboard-title{animation:slideInLeft .8s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:2rem;position:relative}.dashboard-title:after{animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:2rem;margin-right:10px}.dashboard-title:before{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.welcome-message{animation:fadeIn 1.2s ease-out;color:#00838f;font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:2rem}.welcome-highlight{animation:pulse 2s infinite;color:#00bcd4;font-weight:800}.features-list{animation:fadeIn 1.4s ease-out;list-style:none;margin:2rem 0;padding:0}.feature-item{align-items:center;animation:slideInRight .6s ease-out;animation-fill-mode:both;border-bottom:1px solid #e0f2f1;display:flex;gap:1rem;padding:1rem 0;transition:all .3s ease}.feature-item:hover{background:#e0f7fa4d;border-radius:12px;padding:1rem;transform:translateX(-5px)}.feature-item:last-child{border-bottom:none}.feature-icon{box-shadow:0 6px 15px #00838f4d;flex-shrink:0;font-size:1.3rem;height:45px;width:45px}.feature-text{color:#263238;font-family:Cairo,sans-serif;font-weight:600}.dashboard-actions{animation:fadeIn 1.6s ease-out;display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.dashboard-btn-primary{animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#00838f,#006064);border:none;border-radius:16px;box-shadow:0 8px 25px #00838f4d;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;overflow:hidden;padding:16px 36px;position:relative;transition:all .3s ease}.dashboard-btn-primary:hover{box-shadow:0 15px 35px #00838f66;transform:translateY(-4px)}.dashboard-btn-primary:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.dashboard-btn-primary:active:after{animation:ripple 1s ease-out}.dashboard-btn-secondary{animation:slideInUp .9s ease-out;background:#fff;border:2px solid #00838f;border-radius:16px;color:#00838f;cursor:pointer;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;padding:14px 34px;transition:all .3s ease}.dashboard-btn-secondary:hover{background:linear-gradient(135deg,#00838f,#006064);border-color:#0000;box-shadow:0 10px 30px #00838f4d;color:#fff;transform:translateY(-4px)}.quick-stats{grid-gap:1.5rem;animation:fadeIn 1.8s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.stat-box{animation:slideInUp .6s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,#e0f7fa,#fff);border:1px solid #00bcd41a;border-radius:20px;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .4s ease}.stat-box:hover{border-color:#00bcd44d;box-shadow:0 20px 50px #00838f33;transform:translateY(-12px)}.stat-box:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-box:hover:before{transform:scaleX(1)}.stat-box-icon{animation:float 3s ease-in-out infinite;color:#00838f;font-size:2.5rem;margin-bottom:1rem}.stat-box-value{animation:pulse 2s infinite;color:#006064;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;margin:.5rem 0}.stat-box-label{color:#78909c;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600}.recent-activities{animation:slideInUp 1s ease-out;background:linear-gradient(135deg,#fff,#e0f7fa);border:1px solid #00bcd41a;border-radius:20px;box-shadow:0 10px 40px #00000014;margin-top:3rem;padding:2rem}.activities-title{animation:slideInLeft .8s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:1.5rem;position:relative}.activities-title:after{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.activity-list{animation:fadeIn 1.2s ease-out;list-style:none;padding:0}.activity-item{animation:slideInRight .6s ease-out;animation-fill-mode:both;background:#fff;border-radius:12px;border-right:4px solid #00838f;box-shadow:0 4px 15px #0000000d;margin-bottom:1rem;padding:1.2rem;transition:all .3s ease}.activity-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateX(-5px)}.activity-time{color:#00838f;font-size:.9rem;margin-bottom:.5rem}.activity-text,.activity-time{font-family:Cairo,sans-serif;font-weight:600}.activity-text{color:#263238}.access-denied{animation:shake .8s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:20px;border-right:6px solid #f44336;box-shadow:0 10px 40px #f4433626;margin-top:4rem;padding:3rem;text-align:center}.denied-icon{animation:pulse 2s infinite;color:#f44336;font-size:4rem;margin-bottom:1.5rem}.denied-title{color:#f44336;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.denied-message{color:#d32f2f;font-family:Cairo,sans-serif;font-size:1.1rem}.feature-delay-4{animation-delay:.5s}.stat-box-delay-0{animation-delay:.1s}.stat-box-delay-1{animation-delay:.2s}.stat-box-delay-2{animation-delay:.3s}.stat-box-delay-3{animation-delay:.4s}.activity-delay-0{animation-delay:.1s}.activity-delay-1{animation-delay:.2s}.activity-delay-2{animation-delay:.3s}.activity-delay-3{animation-delay:.4s}@media (max-width:768px){.dashboard-card{border-radius:20px;padding:2rem}.dashboard-title{font-size:1.8rem}.dashboard-title:after{font-size:1.6rem}.dashboard-actions{flex-direction:column}.dashboard-btn-primary,.dashboard-btn-secondary{text-align:center;width:100%}.quick-stats{grid-template-columns:1fr}.stat-box-value{font-size:1.8rem}.recent-activities{padding:1.5rem}}.about-page-container{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#e0f2f1,#e0f7fa);min-height:100vh;padding:2rem 0;position:relative}.about-page-container:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.about-hero{animation:slideInDown .8s ease-out;background:linear-gradient(135deg,#006064,#00838f);border-radius:24px;box-shadow:0 20px 60px #00838f4d;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.about-hero:before{animation:wave 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.15' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 32 96 16.3 192 26.3 288 10.6 96-16.3 192-58.3 240-80l48-21.3v256H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.about-title{animation:fadeIn 1s ease-out;font-family:Cairo,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;position:relative;text-shadow:0 4px 15px #0000004d;z-index:2}.about-title:after{animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:3rem;margin-right:15px}.about-subtitle{animation:fadeIn 1.2s ease-out;font-size:1.5rem;margin-bottom:2rem;opacity:.95;position:relative;z-index:2}.about-intro,.about-subtitle{font-family:Cairo,sans-serif;font-weight:500}.about-intro{animation:fadeIn 1.4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #00bcd433;border-radius:20px;box-shadow:0 10px 40px #00000014;color:#006064;font-size:1.2rem;line-height:1.8;margin:0 auto 4rem;max-width:800px;padding:2rem;text-align:center}.features-section{animation:fadeIn 1.6s ease-out;margin-bottom:4rem;position:relative;z-index:1}.features-title{animation:slideInLeft .8s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center}.features-title:after{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{animation:fadeIn 1.8s ease-out}.feature-card{animation:slideInUp .6s ease-out;animation-fill-mode:both;background:#fffffff2;border:1px solid #00bcd41a;border-radius:24px;box-shadow:0 10px 40px #00000014;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#00bcd44d;box-shadow:0 30px 60px #00838f33;transform:translateY(-15px) scale(1.03)}.feature-card:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#00838f,#006064);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 30px #00838f4d;color:#fff;display:flex;font-size:2.2rem;height:90px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:90px}.feature-card:hover .feature-icon{animation:pulse 1s ease infinite;box-shadow:0 15px 40px #00838f66;transform:scale(1.1)}.feature-title{color:#006064;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;transition:all .3s ease}.feature-description{color:#546e7a;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.7}.mission-vision{animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#fff,#e0f7fa);border:1px solid #00bcd426;border-radius:24px;box-shadow:0 10px 40px #00000014;margin-top:3rem;padding:3rem;position:relative;z-index:1}.mission-title,.vision-title{animation:slideInLeft .6s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:1.5rem;position:relative}.mission-title:before,.vision-title:before{background:#00838f;border-radius:4px;content:"";height:30px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:8px}.vision-title:before{background:#00bcd4}.mission-text,.vision-text{animation:fadeIn .8s ease-out;color:#546e7a;font-family:Cairo,sans-serif;font-size:1.1rem;line-height:1.8}.values-section{animation:fadeIn 2s ease-out;margin-top:4rem;position:relative;z-index:1}.values-title{animation:slideInDown .8s ease-out;color:#006064;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center}.values-title:after{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.values-list{animation:fadeIn 2.2s ease-out;list-style:none;padding:0}.value-item{align-items:center;animation:slideInRight .6s ease-out;animation-fill-mode:both;background:#fffffff2;border:1px solid #00bcd41a;border-radius:16px;box-shadow:0 4px 15px #0000000f;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.value-item:hover{border-color:#00bcd44d;box-shadow:0 8px 25px #00838f26;transform:translateX(10px)}.value-icon{align-items:center;background:linear-gradient(135deg,#00838f,#006064);border-radius:50%;box-shadow:0 4px 15px #00838f4d;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;width:45px}.value-text{color:#006064;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700}.feature-delay-0{animation-delay:.1s}.feature-delay-1{animation-delay:.2s}.feature-delay-2{animation-delay:.3s}.feature-delay-3{animation-delay:.4s}.value-delay-0{animation-delay:.1s}.value-delay-1{animation-delay:.2s}.value-delay-2{animation-delay:.3s}.value-delay-3{animation-delay:.4s}.value-delay-4{animation-delay:.5s}.value-delay-5{animation-delay:.6s}@media (max-width:768px){.about-title{font-size:2.5rem}.about-title:after{font-size:2.2rem}.about-subtitle{font-size:1.2rem}.about-intro{font-size:1.1rem;margin:0 1rem 3rem;padding:1.5rem}.mission-vision{margin:2rem 1rem 0;padding:2rem}.feature-card{padding:2rem 1.5rem}.feature-icon{height:70px;width:70px}.feature-icon,.features-title,.values-title{font-size:1.8rem}.value-item{padding:1.2rem}}.contact-page-container{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#f5f5f5,#fff8e1);min-height:100vh;padding:2rem 0}.contact-hero{animation:slideInDown .8s ease-out;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem 0;position:relative;text-align:center}.contact-hero:before{animation:wave 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-37.3c96-5.7 192 16.3 288 32 96 16.3 192 26.3 288 10.6 96-16.3 192-58.3 240-80l48-21.3v256H0Z'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.contact-title{animation:fadeIn 1s ease-out;font-size:3rem;font-weight:800;margin-bottom:1rem;position:relative;text-shadow:0 2px 10px #0000004d;z-index:2}.contact-subtitle{animation:fadeIn 1.2s ease-out;font-size:1.5rem;opacity:.9;position:relative;z-index:2}.contact-form-section{animation:slideInLeft .8s ease-out}.contact-form-card{animation:slideInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:var(--shadow-heavy);overflow:hidden;position:relative}.contact-form-card:before{animation:shimmer 3s linear infinite;background:var(--gradient-primary);content:"";height:6px;left:0;position:absolute;right:0;top:0}.contact-form-header{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--border-color);padding:2rem}.contact-form-content{animation:fadeIn .8s ease-out;padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-group{animation:fadeIn .5s ease-out;animation-fill-mode:both}.contact-label{animation:slideInLeft .4s ease-out;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.contact-input{background:#fff;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.contact-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #9c27b01a;transform:translateY(-2px)}.contact-textarea{min-height:150px;resize:vertical}.submit-btn{animation:fadeIn 1s ease-out;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 30px #9c27b066;transform:translateY(-3px)}.submit-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.submit-btn:active:after{animation:ripple 1s ease-out}.contact-info-section{animation:slideInRight .8s ease-out}.contact-info-card{animation:slideInUp .6s ease-out;animation-fill-mode:both;background:#fff;border-radius:20px;box-shadow:var(--shadow-heavy);margin-bottom:1.5rem;overflow:hidden;position:relative}.contact-info-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.contact-info-card:hover:before{transform:scaleX(1)}.contact-info-content{animation:fadeIn .8s ease-out;padding:1.5rem}.contact-info-header{align-items:center;animation:slideInLeft .6s ease-out;display:flex;gap:1rem;margin-bottom:1rem}.contact-info-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact-info-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.contact-info-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.contact-info-detail{animation:pulse 2s infinite;color:var(--primary-color);font-size:1.1rem;font-weight:600}.support-alert{animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:16px;margin-top:2rem;padding:1.5rem}.support-title{color:#1976d2;font-weight:600;margin-bottom:.5rem}.support-text{color:#1565c0;line-height:1.6}.contact-details-grid{grid-gap:1rem;animation:fadeIn 1s ease-out;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.contact-detail-item{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.contact-detail-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.detail-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.detail-value{color:var(--text-primary);font-weight:600}.form-group-delay-0{animation-delay:.1s}.form-group-delay-1{animation-delay:.2s}.form-group-delay-2{animation-delay:.3s}.form-group-delay-3{animation-delay:.4s}.info-card-delay-0{animation-delay:.1s}.info-card-delay-1{animation-delay:.2s}.info-card-delay-2{animation-delay:.3s}.detail-item-delay-0{animation-delay:.1s}.detail-item-delay-1{animation-delay:.2s}.detail-item-delay-2{animation-delay:.3s}.detail-item-delay-3{animation-delay:.4s}@media (max-width:768px){.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.2rem}.contact-form-content{padding:1.5rem}.contact-info-header{flex-direction:column;gap:.5rem;text-align:center}.contact-details-grid{grid-template-columns:1fr}}.search-page{background:linear-gradient(135deg,#f8f9fa,#eef2f7);min-height:100vh;padding:var(--space-2xl) 0}.search-header{animation:fadeInDown .8s ease-out;margin-bottom:var(--space-2xl);text-align:center}.search-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;display:inline-block;font-size:3.5rem;font-weight:800;margin-bottom:var(--space-sm);position:relative}.search-title:after{animation:float 3s ease-in-out infinite;content:"✨";font-size:2rem;position:absolute;right:-40px;top:-20px}.search-subtitle{color:var(--text-secondary);font-size:1.25rem;margin:0 auto;max-width:600px}.search-filters-container{animation:fadeInUp .8s ease-out .2s both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.filters-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-xl)}.filter-group{position:relative}.filter-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.filter-input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-family);font-size:1rem;padding:12px 16px;transition:all var(--transition-fast);width:100%}.filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7b1fa21a;outline:none}.filter-input:hover{border-color:var(--primary-light)}.filter-input::placeholder{color:var(--text-disabled)}.search-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.search-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:1px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.search-btn:hover{box-shadow:0 12px 24px #7b1fa24d}.search-btn:active{transform:translateY(0)}.search-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.search-btn:focus:not(:active):after{animation:ripple 1s ease-out}.clear-btn{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all var(--transition-fast)}.clear-btn:hover{background:var(--hover-overlay);border-color:var(--text-secondary)}.results-header{align-items:center;animation:fadeInUp .8s ease-out .4s both;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.results-title{color:var(--primary-dark);font-size:2rem;font-weight:700;padding-bottom:var(--space-sm);position:relative}.results-title:after{background:var(--gradient-primary);border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:60px}.results-count{background:var(--hover-overlay);border-radius:20px;color:var(--text-secondary);font-size:1rem;padding:8px 16px}.services-grid{grid-gap:var(--space-xl);animation:fadeInUp .8s ease-out .6s both;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.service-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-card:before{background:var(--gradient-primary);z-index:1}.service-image{height:200px;overflow:hidden;position:relative}.service-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.service-card:hover .service-image img{transform:scale(1.1)}.service-image:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:100px;left:0;position:absolute;right:0}.service-content{padding:var(--space-xl)}.service-name{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-sm)}.service-location{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px;margin-bottom:var(--space-md)}.service-rating{align-items:center;display:flex;gap:4px;margin-bottom:var(--space-lg)}.star-icon{color:var(--accent-color)}.review-count{color:var(--text-secondary);font-size:.875rem;margin-right:4px}.service-price-section{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-md)}.price-info{text-align:left}.price-label{color:var(--text-secondary);font-size:.875rem}.price-value{color:var(--primary-color);font-size:1.5rem;font-weight:800;line-height:1}.view-details-btn{background:var(--gradient-secondary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all var(--transition-fast)}.view-details-btn:hover{box-shadow:0 8px 16px #ff57224d;transform:translateY(-2px)}.no-results{animation:fadeInUp .8s ease-out .4s both;padding:var(--space-2xl);text-align:center}.no-results-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.no-results-title{color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.no-results-description{color:var(--text-disabled);margin:0 auto;max-width:400px}.search-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:60vh}.loading-spinner-search{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;border-bottom:4px solid var(--border-color);border-left:4px solid var(--border-color);border-radius:50%;border-right-color:var(--border-color);border-right:4px solid var(--secondary-color);border-top-color:var(--border-color);border-top:4px solid var(--primary-color);height:60px;width:60px}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.search-title{font-size:2.5rem}.search-filters-container{padding:var(--space-xl)}.filters-grid{grid-template-columns:1fr}.search-actions{flex-direction:column}.services-grid{grid-template-columns:1fr}}@media (max-width:480px){.search-title{font-size:2rem}.results-title{font-size:1.5rem}.service-card{border-left:none;border-radius:0;border-right:none;margin:0 -20px}.service-content{padding:var(--space-lg)}}.plumbing-users-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#e0f2f1,#e0f7fa);min-height:100vh;padding:2rem 0;position:relative}.plumbing-users-container:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.plumbing-users-header{animation:slideInDown .6s ease-out;background:linear-gradient(135deg,#00838f,#006064);border-radius:24px 24px 0 0;color:#fff;overflow:hidden;padding:2.5rem;position:relative}.plumbing-users-header:before{animation:toolFloat 6s ease-in-out infinite;content:"🔧";font-size:8rem;left:5%;opacity:.1;position:absolute;top:-20px}.plumbing-users-header:after{animation:drip 4s ease-in-out infinite;bottom:-30px;content:"💧";font-size:6rem;opacity:.1;position:absolute;right:10%}@keyframes toolFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.plumbing-search-tabs{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd41a;border-radius:0 0 24px 24px;border-top:none;box-shadow:0 10px 40px #00838f26;padding:2rem}.plumbing-search-input{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #00bcd44d;border-radius:16px;color:#006064;font-family:Cairo,sans-serif;font-size:1rem;padding:16px 24px;transition:all .3s ease;width:100%}.plumbing-search-input:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none;transform:translateY(-2px)}.plumbing-tabs{animation:fadeIn .6s ease-out;margin-top:1.5rem}.plumbing-user-tab{animation:fadeIn .4s ease-out;border-radius:12px!important;color:#546e7a!important;font-family:Cairo,sans-serif!important;font-weight:600!important;margin:0 4px!important;min-height:48px!important;overflow:hidden;position:relative;text-transform:none!important;transition:all .3s ease}.plumbing-user-tab:after{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.plumbing-user-tab.Mui-selected{background:#00bcd41a!important;color:#00838f!important}.plumbing-user-tab.Mui-selected:after{width:80%}.plumbing-user-tab:hover{background:#00bcd40d!important;color:#006064!important}.plumbing-table-container{animation:slideInUp .8s ease-out;border:1px solid #00bcd41a;margin-top:2.5rem}.plumbing-table-header{animation:slideInDown .5s ease-out;font-family:Cairo,sans-serif!important;font-size:1.1rem!important;font-weight:800!important}.plumbing-table-row{border-bottom:1px solid #00bcd40d}.plumbing-table-row:hover{background:linear-gradient(90deg,#00bcd40d,#00838f14)}.plumbing-avatar-cell{animation:fadeIn .5s ease-out}.plumbing-avatar{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#00838f,#00bcd4);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px #00838f4d;color:#fff;display:flex;font-weight:700;height:45px;justify-content:center;width:45px}.plumbing-role-badge{align-items:center;animation:fadeIn .4s ease-out;border-radius:25px;box-shadow:0 4px 12px #0000001a;display:inline-flex;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:700;gap:6px;padding:8px 18px}.role-admin{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.role-provider{background:linear-gradient(135deg,#00838f,#006064);color:#fff}.role-user{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.plumbing-status-container{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:8px}.plumbing-active-status{background:linear-gradient(135deg,#4caf50,#388e3c)}.plumbing-active-status,.plumbing-inactive-status{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:4px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.plumbing-inactive-status{background:linear-gradient(135deg,#78909c,#546e7a)}.plumbing-approval-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:4px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.plumbing-user-actions{animation:fadeIn .6s ease-out;display:flex;gap:10px;justify-content:flex-end}.plumbing-action-btn{align-items:center;background:linear-gradient(135deg,#e0f7fa,#fff);border:2px solid #00bcd44d;border-radius:50%;box-shadow:0 4px 12px #00000014;color:#00838f;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.plumbing-action-btn:hover{box-shadow:0 8px 20px #00838f40;transform:translateY(-3px) scale(1.1)}.plumbing-action-btn:after{background:#fff6;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.plumbing-action-btn:active:after{animation:ripple .6s ease-out}.plumbing-approve-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;color:#fff}.plumbing-approve-btn:hover{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 8px 20px #4caf504d}.plumbing-block-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;color:#fff}.plumbing-block-btn:hover{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 8px 20px #f443364d}.plumbing-details-dialog{animation:fadeIn .4s ease-out;border-radius:24px!important;overflow:hidden}.plumbing-detail-card{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#e0f7fa,#fff);border:1px solid #00bcd426;margin:1rem 0}.plumbing-stats{grid-gap:1.5rem;animation:fadeIn .6s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:2rem}.plumbing-stat-item{animation:slideInUp .4s ease-out;background:#fffffff2;border:1px solid #00bcd41a;border-radius:16px;box-shadow:0 5px 20px #0000000f;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.plumbing-stat-item:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plumbing-stat-item:hover{border-color:#00bcd433;box-shadow:0 15px 40px #00838f26;transform:translateY(-8px)}.plumbing-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00838f,#006064);-webkit-background-clip:text;font-family:Cairo,sans-serif;font-size:2rem;font-weight:900}.plumbing-stat-label{color:#546e7a;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;margin-top:8px}.plumbing-empty-state{animation:fadeIn .6s ease-out;padding:4rem 2rem;text-align:center}.plumbing-provider-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.plumbing-provider-card{background:#fffffff2;border:1px solid #00bcd41a;border-radius:20px;box-shadow:0 10px 30px #0000000f;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.plumbing-provider-card:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:5px;left:0;position:absolute;right:0;top:0}.plumbing-provider-card:hover{box-shadow:0 20px 50px #00838f26;transform:translateY(-8px)}.plumbing-provider-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00838f,#006064);-webkit-background-clip:text;font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.plumbing-provider-label{color:#546e7a;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.plumbing-service-card{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000000f;margin:1.5rem 0;padding:2rem;transition:all .3s ease}.plumbing-service-card:hover{border-color:#00bcd440;box-shadow:0 15px 40px #00838f1f;transform:translateY(-5px)}.plumbing-service-card.featured{background:linear-gradient(135deg,#fff3e0,#fff);border-right-color:#ff9800}.plumbing-service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.plumbing-packages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.plumbing-package-card{background:linear-gradient(135deg,#e0f7fa,#fff);border:2px solid #00bcd433;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.plumbing-package-card:hover{border-color:#00bcd4;box-shadow:0 10px 30px #00bcd426;transform:translateY(-5px)}.plumbing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1300}.plumbing-modal-content{animation:slideInUp .4s ease-out;background:#fffffffa;border:1px solid #00bcd433;border-radius:24px;box-shadow:0 30px 100px #0000004d;max-height:90vh;max-width:800px;overflow:auto}.plumbing-status-active{color:#4caf50}.plumbing-status-inactive{color:#f44336}.plumbing-status-pending{color:#ff9800}@media (max-width:768px){.plumbing-users-header{border-radius:20px 20px 0 0;padding:1.5rem}.plumbing-search-tabs{border-radius:0 0 20px 20px;padding:1.5rem}.plumbing-user-actions{align-items:center;flex-direction:column}.plumbing-provider-stats{grid-template-columns:repeat(2,1fr)}.plumbing-packages-grid{grid-template-columns:1fr}.plumbing-service-header{flex-direction:column;gap:1rem}.plumbing-table-container{border-radius:20px}}.plumbing-image-upload{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.plumbing-image-preview{border:3px solid #e0f7fa;border-radius:16px;box-shadow:0 10px 30px #00838f26;height:220px;overflow:hidden;position:relative;width:220px}.plumbing-image-preview img{height:100%;object-fit:cover;width:100%}.plumbing-upload-placeholder{align-items:center;background-color:#e0f7fa;border:3px dashed #b2ebf2;border-radius:16px;color:#00838f;cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:center;transition:all .3s ease;width:220px}.plumbing-upload-placeholder:hover{background-color:#b2ebf2;border-color:#00838f;transform:translateY(-3px)}.plumbing-upload-icon{color:#00bcd4;font-size:56px!important;margin-bottom:12px}.plumbing-form-section{background:#fffc;border:1px solid #00bcd41a;border-radius:16px;margin:2rem 0;padding:1.5rem}.plumbing-form-title{align-items:center;color:#00838f;display:flex;font-family:Cairo,sans-serif;font-size:1.3rem;font-weight:800;gap:10px;margin-bottom:1.5rem}.plumbing-loading-overlay{align-items:center;background:#ffffffe6;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.plumbing-loading-spinner{animation:spin 1s linear infinite;border:4px solid #00bcd433;border-radius:50%;border-top-color:#00838f;height:50px;width:50px}.plumbing-text-primary{color:#006064}.plumbing-text-secondary{color:#546e7a}.plumbing-text-accent{color:#00838f}.plumbing-management-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#e0f2f1,#e0f7fa);min-height:100vh;padding:2rem 0;position:relative;z-index:1}.plumbing-management-container:before{background-image:radial-gradient(circle at 15% 20%,#00bcd40d 0,#0000 25%),radial-gradient(circle at 85% 80%,#0096880d 0,#0000 25%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.plumbing-filters{animation:slideInRight .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd433;border-radius:24px;box-shadow:0 10px 40px #00838f1a;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}.plumbing-filters:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:5px;left:0;position:absolute;right:0;top:0}.plumbing-table-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00bcd426;border-radius:24px;box-shadow:0 20px 60px #00838f26;overflow:hidden}.plumbing-table-header{background:linear-gradient(135deg,#00838f,#006064);color:#fff;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.5px;padding:1.5rem;text-align:right}.plumbing-table-row{animation:slideInRight .5s ease-out;animation-fill-mode:both;border-bottom:1px solid #00bcd414;padding:1.2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.plumbing-table-row:hover{background:linear-gradient(90deg,#00bcd40d,#00838f1a);box-shadow:0 4px 20px #00838f1a;transform:translateX(-8px)}.plumbing-row-delay-0{animation-delay:.1s}.plumbing-row-delay-1{animation-delay:.2s}.plumbing-row-delay-2{animation-delay:.3s}.plumbing-row-delay-3{animation-delay:.4s}.plumbing-row-delay-4{animation-delay:.5s}.plumbing-status-chip{align-items:center;animation:fadeIn .4s ease-out;border-radius:30px;box-shadow:0 6px 15px #0000001a;display:inline-flex;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:800;gap:6px;overflow:hidden;padding:10px 22px;position:relative;transition:all .3s ease}.plumbing-status-chip:before{background:#ffffff4d;content:"";height:2px;left:0;position:absolute;right:0;top:0}.status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-approved{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-rejected{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.status-completed{background:linear-gradient(135deg,#00838f,#006064);color:#fff}.status-cancelled{background:linear-gradient(135deg,#78909c,#546e7a);color:#fff}.status-icon{animation:toolWiggle 2s ease-in-out infinite;font-size:1rem}.plumbing-actions{animation:fadeIn .5s ease-out;display:flex;gap:12px;justify-content:flex-end}.action-btn{align-items:center;background:linear-gradient(135deg,#e0f7fa,#fff);border:2px solid #00bcd44d;border-radius:50%;box-shadow:0 6px 15px #00000014;color:#00838f;cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:45px}.action-btn:hover{background:linear-gradient(135deg,#00838f,#006064);border-color:#00838f;box-shadow:0 12px 25px #00838f4d;color:#fff;transform:translateY(-4px) scale(1.15)}.action-btn:after{background:#fff6;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.action-btn:active:after{animation:ripple .6s ease-out}.plumbing-dialog{animation:fadeIn .4s ease-out;background:#fff;border-radius:28px!important;box-shadow:0 30px 100px #0000004d!important;overflow:hidden}.plumbing-dialog-title{background:linear-gradient(135deg,#00838f,#006064);color:#fff!important;font-family:Cairo,sans-serif;font-size:1.5rem!important;font-weight:800!important;padding:2rem!important}.plumbing-dialog-content{background:linear-gradient(135deg,#fafafa,#e0f7fa);padding:2rem!important}.plumbing-detail-card{animation:slideInRight .6s ease-out;background:#fffffff2;border:1px solid #00bcd433;border-radius:20px;box-shadow:0 10px 30px #00838f1a;margin:1.5rem 0;overflow:hidden;padding:2rem;position:relative}.plumbing-detail-card:before{background:linear-gradient(180deg,#00bcd4,#00838f,#006064);border-radius:3px 0 0 3px;content:"";height:100%;position:absolute;right:0;top:0;width:6px}.plumbing-detail-label{align-items:center;animation:fadeIn .3s ease-out;color:#00838f;display:flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:800;gap:8px;margin-bottom:8px}.plumbing-detail-value{animation:fadeIn .4s ease-out;color:#263238;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.plumbing-print-btn{align-items:center;background:linear-gradient(135deg,#00838f,#006064);border:none;border-radius:14px;box-shadow:0 8px 25px #00838f59;color:#fff;display:flex;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:800;gap:10px;overflow:hidden;padding:14px 35px;position:relative;transition:all .3s ease}.plumbing-print-btn:hover{box-shadow:0 12px 35px #00838f73;transform:translateY(-3px)}.plumbing-print-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.plumbing-print-btn:hover:before{left:100%}.search-input{background:#fff;border:2px solid #00bcd44d;border-radius:14px;color:#006064;font-family:Cairo,sans-serif;font-size:1rem;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none}.filter-select{background:#fff;border:2px solid #00bcd44d;border-radius:14px;color:#006064;cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;padding:12px 18px;transition:all .3s ease}.filter-select:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none}@keyframes ripple{0%{height:0;opacity:.5;width:0}to{height:300px;opacity:0;width:300px}}@media (max-width:768px){.plumbing-filters{border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.plumbing-actions{align-items:center;flex-direction:column;gap:8px}.action-btn{height:40px;width:40px}.plumbing-status-chip{font-size:.8rem;padding:8px 16px}.plumbing-print-btn{font-size:1rem;justify-content:center;padding:12px 25px;width:100%}.plumbing-table-header{font-size:.95rem;padding:1rem}.plumbing-detail-card{margin:1rem 0;padding:1.5rem}.plumbing-dialog-title{font-size:1.3rem!important}.plumbing-dialog-content,.plumbing-dialog-title{padding:1.5rem!important}}@media (max-width:600px){.plumbing-management-container{padding:1rem 0}.plumbing-filters{padding:1rem}.plumbing-filters,.plumbing-table-container{border-radius:16px}}.empty-state{animation:fadeIn .8s ease-out;color:#78909c;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;opacity:.5}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}.plumbing-spinner{animation:spin 1s linear infinite;border:3px solid #00bcd433;border-radius:50%;border-top-color:#00838f;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plumbing-table-container ::-webkit-scrollbar{height:8px;width:8px}.plumbing-table-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.plumbing-table-container ::-webkit-scrollbar-thumb{background:#00838f;border-radius:4px}.plumbing-table-container ::-webkit-scrollbar-thumb:hover{background:#006064}.admin-category-card{background:linear-gradient(135deg,#fff,#e0f7fa);border:1px solid #00bcd41a;border-radius:20px;box-shadow:0 4px 15px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.admin-category-card:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.admin-category-card:hover{border-color:#00bcd44d;box-shadow:0 20px 40px #00838f26;transform:translateY(-8px)}.admin-category-card:hover:before{transform:scaleX(1)}.admin-category-icon{align-items:center;background:linear-gradient(135deg,#00838f,#006064);border-radius:50%;box-shadow:0 8px 25px #00838f4d;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:20px auto;transition:all .3s ease;width:80px}.admin-category-card:hover .admin-category-icon{box-shadow:0 12px 35px #00838f66;transform:scale(1.1) rotate(5deg)}.admin-category-actions{background:#ffffff80;border-top:1px solid #00bcd426;display:flex;gap:10px;justify-content:center;margin-top:auto;padding:16px}.admin-dialog-content{padding-bottom:20px!important;padding-top:20px!important}.icon-selected{background-color:#00bcd41a!important;border-color:#00838f!important;box-shadow:0 0 0 3px #00bcd433!important}.error-message{align-items:center;color:#f44336;display:flex;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:500;gap:6px;margin-top:6px}.error-message:before{content:"⚠️";font-size:1rem}.status-active{align-items:center;background:#4caf501a;border-radius:20px;color:#4caf50;display:inline-flex;font-family:Cairo,sans-serif;font-weight:700;gap:6px;padding:4px 12px}.status-active:before{content:"✓";font-weight:800}.status-inactive{align-items:center;background:#f443361a;border-radius:20px;color:#f44336;display:inline-flex;font-family:Cairo,sans-serif;font-weight:700;gap:6px;padding:4px 12px}.status-inactive:before{content:"✕";font-weight:800}.category-action-btn{align-items:center;background:linear-gradient(135deg,#e0f7fa,#fff);border:2px solid #e0f2f1;border-radius:50%;box-shadow:0 4px 10px #0000000f;color:#00838f;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.category-action-btn:hover{background:linear-gradient(135deg,#00838f,#006064);border-color:#00838f;box-shadow:0 8px 20px #00838f40;color:#fff;transform:translateY(-3px) scale(1.1)}.category-action-btn.delete:hover{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336}.admin-dialog{border-radius:24px!important;overflow:hidden}.admin-dialog-title{background:linear-gradient(135deg,#00838f,#006064);color:#fff!important;font-family:Cairo,sans-serif!important;font-size:1.3rem!important;font-weight:800!important;padding:20px 24px!important}.admin-dialog-title:after{content:"🔧";font-size:1.5rem;margin-right:10px}.admin-form-field{margin-bottom:16px!important}.admin-form-field .MuiOutlinedInput-root{background:#e0f7fa4d;border:2px solid #e0f2f1;border-radius:12px!important;transition:all .3s ease}.admin-form-field .MuiOutlinedInput-root:hover{border-color:#80deea}.admin-form-field .MuiOutlinedInput-root.Mui-focused{background:#ffffffe6;border-color:#00bcd4;box-shadow:0 0 0 4px #00bcd426}.admin-submit-btn{background:linear-gradient(135deg,#00838f,#006064)!important;border-radius:12px!important;box-shadow:0 6px 20px #00838f4d!important;color:#fff!important;font-family:Cairo,sans-serif!important;font-size:1rem!important;font-weight:700!important;padding:12px 32px!important;text-transform:none!important;transition:all .3s ease!important}.admin-submit-btn:hover{box-shadow:0 10px 30px #00838f66!important;transform:translateY(-3px)}@media (max-width:600px){.admin-category-card{border-radius:16px;margin-bottom:16px}.admin-category-icon{font-size:2rem;height:60px;width:60px}.admin-dialog-title{font-size:1.1rem!important;padding:16px 20px!important}.category-action-btn{height:36px;width:36px}.admin-submit-btn{font-size:.95rem!important;padding:10px 24px!important}}.admin-settings-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#e0f2f1,#e0f7fa);min-height:100vh;padding:2rem 0;position:relative}.admin-settings-container:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.settings-header{animation:slideInDown .6s ease-out;background:linear-gradient(135deg,#00838f,#006064);border-radius:20px 20px 0 0;color:#fff;margin-bottom:0;overflow:hidden;padding:2rem;position:relative}.settings-header:before{animation:gearSpin 20s linear infinite;content:"⚙️";font-size:6rem;left:5%;opacity:.1;position:absolute;top:-10px}@keyframes gearSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.save-settings-btn{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;box-shadow:0 6px 20px #4caf504d;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease}.save-settings-btn:hover{box-shadow:0 10px 30px #4caf5066;transform:translateY(-3px)}.save-settings-btn:disabled{background:#90a4ae;box-shadow:none;cursor:not-allowed;transform:none}.save-settings-btn.loading{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#4caf50,#388e3c,#4caf50);background-size:200% 100%}.settings-category-card{animation:slideInUp .6s ease-out;background:#fffffff2;border:1px solid #00bcd426;border-radius:20px;box-shadow:0 10px 40px #00838f1a;margin-bottom:2rem;overflow:hidden;position:relative}.settings-category-card:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:4px;left:0;position:absolute;right:0;top:0}.category-card-header{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,#e0f7fa,#fff);border-bottom:1px solid #00bcd426;padding:1.5rem}.category-card-content{animation:fadeIn .6s ease-out;padding:2rem}.setting-field-container{animation:fadeIn .5s ease-out;animation-fill-mode:both}.setting-field-delay-0{animation-delay:.1s}.setting-field-delay-1{animation-delay:.2s}.setting-field-delay-2{animation-delay:.3s}.setting-field-delay-3{animation-delay:.4s}.setting-field{background:#fff;border:2px solid #00bcd44d;border-radius:12px;color:#006064;font-family:Cairo,sans-serif;font-size:1rem;padding:14px 20px;transition:all .3s ease;width:100%}.setting-field:focus{border-color:#00838f;box-shadow:0 0 0 4px #00838f1a;outline:none;transform:translateY(-2px)}.setting-label{animation:slideInLeft .4s ease-out;color:#006064;display:block;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.setting-description{animation:fadeIn .5s ease-out;color:#546e7a;font-family:Cairo,sans-serif;font-size:.9rem;margin-top:4px}.setting-toggle{align-items:center;animation:fadeIn .5s ease-out;display:flex;gap:1rem}.toggle-switch{animation:fadeIn .4s ease-out;height:30px;position:relative;width:60px}.toggle-slider{background:#b2ebf2;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background:#00838f}input:checked+.toggle-slider:before{transform:translateX(30px)}.settings-warning{animation:slideInRight .6s ease-out;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;border-right:4px solid #ff9800;font-family:Cairo,sans-serif;padding:1.5rem}.success-snackbar{animation:slideInUp .4s ease-out;background:linear-gradient(135deg,#4caf50,#388e3c)!important;font-family:Cairo,sans-serif!important}.setting-group-divider{animation:fadeIn .6s ease-out;background:linear-gradient(90deg,#0000,#00bcd44d,#0000);border:none;height:1px;margin:2rem 0}.setting-help-icon{animation:pulse 2s infinite;color:#00838f;cursor:help;margin-left:8px;transition:all .3s ease}.setting-help-icon:hover{color:#006064;transform:scale(1.2)}@media (max-width:768px){.settings-header{border-radius:16px 16px 0 0;padding:1.5rem}.category-card-content{padding:1.5rem}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.explore-page{background:linear-gradient(180deg,#f8f9fa,#fff);min-height:100vh}.explore-hero{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;position:relative}.explore-hero:before{animation:waveMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 50q30-20 60 0t60 0' stroke='rgba(255,255,255,0.1)' fill='none' stroke-width='2'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes waveMove{0%{transform:translateX(0)}to{transform:translateX(100px)}}.explore-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,gold,#fff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem!important;font-weight:900!important;text-shadow:0 2px 30px #7b1fa24d}@keyframes titleGlow{0%,to{text-shadow:0 2px 30px #7b1fa24d,0 0 20px #ffd7001a}50%{text-shadow:0 2px 30px #7b1fa24d,0 0 40px #ffd70033,0 0 60px #ffd7001a}}.explore-subtitle{font-size:1.5rem!important;margin:0 auto;max-width:800px;opacity:.9}.explore-search-btn{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color))!important;border:3px solid #ffffff4d!important;border-radius:50px!important;box-shadow:0 10px 40px #ff57224d!important;color:var(--text-primary)!important;font-size:1.1rem!important;font-weight:700!important;overflow:hidden;padding:16px 48px!important;position:relative}.explore-search-btn:before{animation:searchShimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes searchShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.explore-search-btn:hover{box-shadow:0 15px 50px #ff572266!important;transform:translateY(-3px) scale(1.05)}.section-title{display:inline-block;font-weight:800!important;margin-bottom:var(--space-xl)!important;padding-bottom:var(--space-sm);position:relative}.section-title:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:60px}.view-all-btn{color:var(--primary-color)!important;font-weight:700!important;transition:all var(--transition-normal)!important}.view-all-btn:hover{color:var(--primary-dark)!important;transform:translateX(-10px)}.service-card{background:var(--surface-color)!important;border:1px solid var(--border-color);border-radius:var(--radius-xl)!important;height:100%;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.service-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xl)!important;transform:translateY(-10px) scale(1.02)}.service-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.service-card:hover:before{transform:scaleX(1)}.service-image{transition:transform var(--transition-normal)}.service-card:hover .service-image{transform:scale(1.1)}.featured-chip{background:linear-gradient(135deg,var(--gradient-gold))!important;box-shadow:0 4px 15px #ffc1074d;color:var(--text-primary)!important;font-weight:700!important}.service-name{color:var(--text-primary);font-weight:700!important;transition:color var(--transition-normal)}.service-card:hover .service-name{color:var(--primary-color)}.service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;min-height:40px;overflow:hidden}.service-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-weight:700!important}.service-book-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important;border-radius:var(--radius-md)!important;color:#fff!important;font-weight:700!important;overflow:hidden;padding:10px 0!important;position:relative;transition:all var(--transition-normal)!important}.service-book-btn:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-normal),height var(--transition-normal);width:0}.service-book-btn:hover:after{height:200px;width:200px}.service-book-btn:hover{box-shadow:0 8px 25px #7b1fa266!important;transform:translateY(-2px)}.category-card{background:linear-gradient(135deg,var(--surface-color),#f8f9fa)!important;background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-xl)!important;cursor:pointer;position:relative;transition:all var(--transition-normal)!important}.category-card:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity var(--transition-normal);z-index:-1}.category-card:hover:before{opacity:1}.category-card:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-5px)}.category-name{color:var(--text-primary);font-weight:700!important}.event-card{border:1px solid var(--border-color);border-radius:var(--radius-xl)!important;overflow:hidden;transition:all var(--transition-normal)!important}.event-card:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-5px)}.event-title{color:var(--text-primary);font-weight:700!important}.offer-card{background:linear-gradient(135deg,#fff8e1,#fff3e0)!important;border:2px solid #ffecb3;border-radius:var(--radius-xl)!important;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.offer-card:hover{box-shadow:0 15px 40px #ffc10733!important;transform:translateY(-5px)}.offer-card:before{background:linear-gradient(90deg,var(--accent-color),var(--gradient-gold));content:"";height:4px;left:0;position:absolute;right:0;top:0}.offer-chip{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))!important;color:#fff!important}.offer-chip,.offer-title{font-weight:700!important}.offer-title{color:var(--text-primary)}@media (max-width:960px){.explore-title{font-size:2.5rem!important}.explore-subtitle{font-size:1.2rem!important}.section-title{font-size:2rem!important}}@media (max-width:600px){.explore-title{font-size:2rem!important}.explore-search-btn,.explore-subtitle{font-size:1rem!important}.explore-search-btn{padding:12px 32px!important}}.events-page{background:linear-gradient(180deg,#e0f2f1,#fff 50%,#e0f7fa);min-height:100vh;position:relative}.events-page:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.events-hero{background:linear-gradient(135deg,#006064,#00838f 50%,#00acc1);-webkit-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;padding:80px 0;position:relative}.events-hero:before{animation:flowLines 15s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 50px,#ffffff08 0,#ffffff08 51px);bottom:0;top:0}.events-hero:after,.events-hero:before{content:"";left:0;position:absolute;right:0}.events-hero:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23e0f2f1'/%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.5' fill='%23e0f2f1'/%3E%3Cpath d='M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0Z' fill='%23e0f2f1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;bottom:-2px;height:100px}.events-title{color:#fff;display:inline-block;font-family:Cairo,sans-serif;font-size:3rem!important;font-weight:800!important;margin-bottom:1rem!important;position:relative;text-shadow:0 4px 20px #0000004d}.events-title:after{background:linear-gradient(90deg,#00bcd4,#80deea);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.events-subtitle{font-size:1.3rem!important;font-weight:400;line-height:1.7;margin:1.5rem auto 0;max-width:600px;opacity:.95}.filters-paper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #00bcd433;border-radius:24px!important;box-shadow:0 10px 40px #00838f1a,0 2px 8px #0000000d!important;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.filters-paper:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.filters-paper:hover{box-shadow:0 20px 60px #00838f26,0 4px 12px #00000014!important;transform:translateY(-5px)}.clear-filters-btn{transition:all var(--transition-normal)!important}.event-card-detailed{background:#fff!important;border:none;border-radius:20px!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a!important;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.event-card-detailed:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:center;transition:transform .4s ease;z-index:2}.event-card-detailed:hover{box-shadow:0 30px 60px #00838f33,0 10px 20px #0000001a!important;transform:translateY(-15px) scale(1.02)}.event-card-detailed:hover:before{transform:scaleX(1)}.event-image-container{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);height:220px;overflow:hidden;position:relative}.event-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.event-card-detailed:hover .event-image{transform:scale(1.15)}.event-image-container:after{background:linear-gradient(0deg,#fff,#0000);bottom:0;content:"";height:60px;left:0;position:absolute;right:0;transition:opacity .3s ease}.event-featured-chip{background:linear-gradient(135deg,#00bcd4,#00838f)!important;border-radius:20px!important;box-shadow:0 4px 15px #00bcd466;color:#fff!important;font-size:.85rem!important;font-weight:700!important;left:16px;padding:6px 16px!important;position:absolute;text-transform:none!important;top:16px;z-index:1}.event-featured-chip:before{content:"💧";font-size:1rem;margin-right:6px}.event-date-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #00bcd433;border-radius:16px;box-shadow:0 8px 30px #0000001f;min-width:70px;padding:12px 16px;position:absolute;right:16px;text-align:center;top:16px;z-index:1}.event-day{color:#00838f;font-family:Cairo,sans-serif;font-size:1.8rem!important;font-weight:800!important;line-height:1;margin-bottom:4px!important}.event-month{color:#00acc1;font-size:.9rem;font-weight:600;text-transform:uppercase}.event-title-detailed{color:#263238;font-family:Cairo,sans-serif;font-size:1.4rem!important;font-weight:700!important;line-height:1.4;margin-bottom:12px!important;transition:color .3s ease}.event-card-detailed:hover .event-title-detailed{color:#00838f}.event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#546e7a;display:-webkit-box;font-size:.95rem;line-height:1.7;margin-bottom:16px!important;overflow:hidden}.event-price-container{align-items:center;background:linear-gradient(135deg,#00bcd41a,#00838f0d);border-radius:12px;border-right:4px solid #00bcd4;display:flex;gap:8px;margin:16px 0;padding:12px}.event-price{color:#00838f;font-family:Cairo,sans-serif;font-size:1.4rem!important;font-weight:800!important}.event-price:before{content:"💰";font-size:1.1rem;margin-left:6px}.event-register-btn{background:linear-gradient(135deg,#00838f,#006064)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #00838f4d!important;color:#fff!important;font-family:Cairo,sans-serif;font-size:1.1rem!important;font-weight:700!important;overflow:hidden;padding:12px 32px!important;position:relative;text-transform:none!important;transition:all .3s ease!important;width:100%}.event-register-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.event-register-btn:hover:before{left:100%}.event-register-btn:after{content:"🔧";font-size:1.2rem;margin-right:8px}.event-register-btn:hover{background:linear-gradient(135deg,#0097a7,#00838f)!important;box-shadow:0 8px 25px #00838f80!important;transform:translateY(-3px)}@media (max-width:960px){.events-title{font-size:2.2rem!important}.events-subtitle{font-size:1.1rem!important}.filters-paper{padding:var(--space-md)!important}.events-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%);padding:60px 0}}@media (max-width:600px){.events-title{font-size:1.8rem!important}.events-subtitle{font-size:1rem!important}.event-card-detailed{margin-bottom:var(--space-lg)}.event-image-container{height:180px}.events-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 97%,0 100%);clip-path:polygon(0 0,100% 0,100% 97%,0 100%)}}.providers-page{background:linear-gradient(180deg,#e0f2f1,#fff 50%,#e0f7fa);min-height:100vh;position:relative}.providers-page:before{background-image:radial-gradient(circle at 10% 20%,#00bcd40d 0,#0000 20%),radial-gradient(circle at 90% 80%,#0096880d 0,#0000 20%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.providers-hero{background:linear-gradient(135deg,#006064,#00838f 50%,#00acc1);-webkit-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;padding:80px 0;position:relative}.providers-hero:before{animation:flowLines 15s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 50px,#ffffff08 0,#ffffff08 51px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.providers-hero:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23e0f2f1'/%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.5' fill='%23e0f2f1'/%3E%3Cpath d='M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0Z' fill='%23e0f2f1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;bottom:-2px;content:"";height:100px;left:0;position:absolute;right:0}.providers-title{color:#fff;display:inline-block;font-family:Cairo,sans-serif;font-size:2.8rem!important;font-weight:800!important;margin-bottom:1rem!important;position:relative;text-shadow:0 4px 20px #0000004d}.providers-title:after{background:linear-gradient(90deg,#00bcd4,#80deea);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.providers-subtitle{color:#b2ebf2;font-size:1.2rem!important;font-weight:400;line-height:1.7;margin:1.5rem auto 0;max-width:550px;opacity:.95}.search-paper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #00bcd433;border-radius:24px!important;box-shadow:0 10px 40px #00838f26,0 2px 8px #0000000d!important;margin:0 auto;max-width:600px;overflow:hidden;padding:8px!important;position:relative;transition:all .3s ease!important}.search-paper:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.search-paper:hover{box-shadow:0 20px 60px #00838f33,0 4px 12px #00000014!important;transform:translateY(-5px)}.search-paper:hover:before{opacity:1}.search-input .MuiOutlinedInput-root{background:#0000;border-radius:20px!important}.search-input .MuiOutlinedInput-notchedOutline{border:none!important}.search-btn{background:linear-gradient(135deg,#00838f,#006064)!important;border-radius:16px!important;box-shadow:0 4px 15px #00838f4d!important;color:#fff!important;font-family:Cairo,sans-serif;font-size:1rem!important;font-weight:700!important;min-width:120px;padding:12px 32px!important;text-transform:none!important;transition:all .3s ease!important}.search-btn:hover{background:linear-gradient(135deg,#0097a7,#00838f)!important;box-shadow:0 8px 25px #00838f66!important;transform:translateY(-2px)}.filters-paper-providers{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #00bcd433;border-radius:24px!important;box-shadow:0 10px 40px #00838f1a,0 2px 8px #0000000d!important;overflow:hidden;position:relative;transition:all .3s ease!important}.filters-paper-providers:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#00bcd4,#00838f,#00bcd4);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.filters-paper-providers:hover{box-shadow:0 20px 60px #00838f26,0 4px 12px #00000014!important;transform:translateY(-5px)}.clear-filters-btn{border:2px solid #f443364d!important;border-radius:12px!important;color:#f44336!important;font-weight:600!important;padding:8px 20px!important;text-transform:none!important;transition:all .3s ease!important}.clear-filters-btn:hover{background:#f4433614!important;box-shadow:0 4px 15px #f4433633!important;transform:translateY(-3px)}.results-count{align-items:center;color:#006064;display:flex;font-family:Cairo,sans-serif;font-size:1.1rem!important;font-weight:700!important;gap:8px}.results-count:before{content:"👷‍♂️";font-size:1.4rem}.provider-card{background:#fff!important;border:none;border-radius:20px!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a!important;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.provider-card:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:center;transition:transform .4s ease;z-index:2}.provider-card:hover{box-shadow:0 30px 60px #00838f33,0 10px 20px #0000001a!important;transform:translateY(-15px) scale(1.02)}.provider-card:hover:before{transform:scaleX(1)}.provider-image-wrapper{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 30px #0000001f;height:140px;margin:30px auto 20px;overflow:hidden;position:relative;width:140px;z-index:2}.provider-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.provider-card:hover .provider-image{transform:scale(1.15)}.provider-featured-chip{background:linear-gradient(135deg,#00bcd4,#00838f)!important;border-radius:20px!important;box-shadow:0 4px 15px #00bcd466;color:#fff!important;font-size:.85rem!important;font-weight:700!important;left:16px;padding:6px 16px!important;position:absolute;text-transform:none!important;top:16px;z-index:3}.provider-featured-chip:before{content:"💧";font-size:1rem;margin-right:6px}.provider-rating-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff0;border:2px solid #00bcd433;border-radius:16px;box-shadow:0 8px 30px #0000001f;min-width:70px;padding:12px 16px;position:absolute;right:16px;text-align:center;top:16px;z-index:3}.provider-rating-overlay:before{content:"⭐";display:block;font-size:.9rem;margin-bottom:-5px}.provider-rating-value{color:#00838f;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:800;line-height:1}.provider-content{padding:0 25px 30px;text-align:center}.provider-name{color:#263238;font-family:Cairo,sans-serif;font-size:1.4rem!important;font-weight:700!important;margin-bottom:12px!important;transition:color .3s ease}.provider-card:hover .provider-name{color:#00838f}.provider-category-chip{background:linear-gradient(135deg,#00bcd41a,#00838f0d)!important;border-radius:12px!important;border-right:4px solid #00bcd4;color:#00838f!important;display:inline-block!important;font-family:Cairo,sans-serif;font-size:.9rem!important;font-weight:600!important;margin-bottom:15px;padding:6px 16px!important}.provider-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#546e7a;display:-webkit-box;font-size:.95rem;line-height:1.7;margin-bottom:20px!important;min-height:60px;overflow:hidden}.provider-actions{border-top:1px solid #eceff1;display:flex;gap:12px;justify-content:center;padding-top:15px}.provider-view-btn{background:linear-gradient(135deg,#00838f,#006064)!important;border-radius:12px!important;box-shadow:0 4px 15px #00838f4d!important;color:#fff!important;flex:1 1;font-family:Cairo,sans-serif;font-size:1rem!important;font-weight:700!important;overflow:hidden;padding:12px 28px!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.provider-view-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.provider-view-btn:hover:before{left:100%}.provider-view-btn:hover{background:linear-gradient(135deg,#0097a7,#00838f)!important;box-shadow:0 8px 25px #00838f80!important;transform:translateY(-3px)}.provider-contact-btn{align-items:center!important;background:linear-gradient(135deg,#e0f7fa,#b2ebf2)!important;border:2px solid #00bcd4!important;border-radius:12px!important;box-shadow:0 4px 15px #00000014!important;color:#00838f!important;display:flex!important;height:50px!important;justify-content:center!important;min-width:50px!important;padding:0!important;transition:all .3s ease!important}.provider-contact-btn:hover{background:linear-gradient(135deg,#00bcd4,#00838f)!important;border-color:#00838f!important;box-shadow:0 8px 25px #00bcd466!important;color:#fff!important;transform:translateY(-3px)}@media (max-width:960px){.providers-title{font-size:2.2rem!important}.providers-subtitle{font-size:1.1rem!important}.search-paper{margin:0 var(--space-md)}.provider-image-wrapper{height:120px;width:120px}.filters-paper-providers{padding:var(--space-md)!important}.providers-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%);padding:60px 0}}@media (max-width:600px){.providers-title{font-size:1.8rem!important}.providers-subtitle{font-size:1rem!important}.search-paper{padding:6px!important}.provider-card{border-radius:20px!important}.provider-image-wrapper{height:110px;margin:20px auto 15px;width:110px}.provider-featured-chip{font-size:.75rem!important;left:12px;padding:4px 12px!important;top:12px}.provider-rating-overlay{min-width:60px;padding:8px 12px;right:12px;top:12px}.providers-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 97%,0 100%);clip-path:polygon(0 0,100% 0,100% 97%,0 100%)}}.offers-page{background:linear-gradient(180deg,#fff8e1,#fff);min-height:100vh}.offers-hero{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-dark) 100%);color:var(--text-primary);margin-bottom:var(--space-2xl);overflow:hidden;position:relative}.offers-hero:before{animation:offerShimmer 10s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 70%,#fff3 0,#0000 50%),radial-gradient(circle at 70% 30%,#ffc1074d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes offerShimmer{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.offers-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text-primary),#ff6f00,var(--text-primary));-webkit-background-clip:text;background-clip:text;font-size:3.5rem!important;font-weight:900!important;text-shadow:0 2px 30px #ffc1074d}.offers-subtitle{font-size:1.5rem!important;margin:0 auto;max-width:600px;opacity:.9}.stats-banner{background:linear-gradient(135deg,var(--surface-color),#f8f9fa)!important;border:2px solid #ffecb3;border-radius:var(--radius-xl)!important;box-shadow:0 10px 40px #ffc1071a!important;transition:all var(--transition-normal)!important}.stats-banner:hover{border-color:#ffd54f;box-shadow:0 15px 50px #ffc10726!important;transform:translateY(-5px)}.stats-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),#ff6f00);-webkit-background-clip:text;background-clip:text;color:var(--accent-dark);font-weight:900!important}.category-filter-paper{background:var(--surface-color)!important;border:1px solid var(--border-color);border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-normal)!important}.category-filter-paper:hover{border-color:var(--accent-light);box-shadow:var(--shadow-lg)!important}.category-chip{border-radius:20px!important;font-weight:600!important;transition:all var(--transition-normal)!important}.category-chip:hover{transform:translateY(-2px)}.offer-card-detailed{background:var(--surface-color)!important;border:2px solid #ffecb3;border-radius:var(--radius-xl)!important;height:100%;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.offer-card-detailed:hover:not(.expired){border-color:#ffd54f;box-shadow:0 20px 60px #ffc10733!important;transform:translateY(-10px) scale(1.02)}.offer-card-detailed.expired{filter:grayscale(.5);opacity:.7}.offer-card-detailed:before{background:linear-gradient(90deg,var(--accent-color),#ff6f00);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);z-index:2}.offer-card-detailed:hover:not(.expired):before{transform:scaleX(1)}.offer-image{transition:transform var(--transition-normal)}.offer-card-detailed:hover:not(.expired) .offer-image{transform:scale(1.1)}.offer-badge{position:absolute;right:16px;top:16px;z-index:1}.discount-chip{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))!important;box-shadow:0 4px 15px #ff57224d;color:#fff!important;font-weight:700!important}.expiring-soon-badge{align-items:center;animation:pulseWarning 2s infinite;background:#ff5722f2;border-radius:var(--radius-lg);bottom:16px;color:#fff;display:flex;left:16px;padding:6px 12px;position:absolute;z-index:1}@keyframes pulseWarning{0%,to{box-shadow:0 0 0 0 #ff5722b3}50%{box-shadow:0 0 0 10px #ff572200}}.expired-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.offer-title-detailed{color:var(--text-primary);font-weight:800!important;margin-bottom:var(--space-sm)!important;transition:color var(--transition-normal)}.offer-card-detailed:hover:not(.expired) .offer-title-detailed{color:var(--accent-dark)}.offer-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;min-height:72px;overflow:hidden}.offer-details{background:#ffc1070d;border-radius:var(--radius-md);padding:var(--space-sm)}.promo-code-paper{background:linear-gradient(135deg,#f3e5f5,#e8f5e9)!important;border:2px dashed var(--primary-color);border-radius:var(--radius-lg)!important;overflow:hidden;position:relative}.promo-code-paper:before{animation:codeShimmer 2s linear infinite;background:linear-gradient(45deg,#0000 30%,#7b1fa21a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes codeShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.promo-code{color:var(--primary-color);font-family:Courier New,monospace;letter-spacing:2px}.copy-btn{border:2px solid var(--primary-light)!important;color:var(--primary-color)!important;transition:all var(--transition-normal)!important}.copy-btn:hover{background:var(--primary-light)!important;transform:scale(1.1)}.offer-use-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark))!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-weight:700!important;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.offer-use-btn:not(:disabled):hover{box-shadow:0 8px 25px #ffc10766!important;transform:translateY(-2px)}.offer-use-btn:disabled{background:#e0e0e0!important;color:#9e9e9e!important}.offer-details-btn{border-color:var(--primary-color)!important;border-radius:var(--radius-md)!important;color:var(--primary-color)!important;font-weight:600!important;transition:all var(--transition-normal)!important}.offer-details-btn:hover{background:#7b1fa20d!important;transform:translateY(-2px)}@media (max-width:960px){.offers-title{font-size:2.5rem!important}.offers-subtitle{font-size:1.2rem!important}.stats-banner{padding:var(--space-md)!important}}@media (max-width:600px){.offers-title{font-size:2rem!important}.offers-subtitle{font-size:1rem!important}.offer-card-detailed{margin-bottom:var(--space-lg)}}.plumbing-services-page{background:linear-gradient(180deg,#e0f7fa,#fff);min-height:100vh;position:relative}.plumbing-services-page:before{background-image:radial-gradient(circle at 20% 10%,#00bcd40d 0,#0000 30%),radial-gradient(circle at 80% 90%,#0096880d 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.plumbing-hero{background:linear-gradient(135deg,#00838f,#006064);box-shadow:0 20px 60px #00838f4d;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0;position:relative}.plumbing-hero:before{animation:waterFloat 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#00bcd433 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes waterFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-20px) scale(1.05)}}.plumbing-hero:after{animation:drip 3s ease-in-out infinite;bottom:-20px;content:"💧";font-size:8rem;left:10%;opacity:.1;position:absolute}@keyframes drip{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.plumbing-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#80deea,#fff);-webkit-background-clip:text;background-clip:text;font-family:Cairo,sans-serif!important;font-size:3.5rem!important;font-weight:900!important;position:relative;text-shadow:0 2px 30px #00838f4d}.plumbing-title:after{-webkit-text-fill-color:initial;animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;font-size:3rem;margin-right:15px}.plumbing-subtitle{font-family:Cairo,sans-serif!important;font-size:1.5rem!important;font-weight:500!important;margin:0 auto;max-width:600px;opacity:.95}.service-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:2px solid #00bcd433;border-radius:24px!important;box-shadow:0 20px 60px #00838f26!important;overflow:hidden;position:relative;transition:all .3s ease!important}.service-info-card:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:5px;left:0;position:absolute;right:0;top:0}.service-info-card:hover{border-color:#00bcd44d;box-shadow:0 25px 80px #00838f40!important;transform:translateY(-5px)}.plumbing-stat-card{background:linear-gradient(135deg,#fff,#e0f7fa)!important;background-clip:padding-box;border:2px solid #0000;border-radius:24px!important;box-shadow:0 10px 40px #00000014!important;position:relative;transition:all .3s ease!important}.plumbing-stat-card:before{background:linear-gradient(135deg,#00bcd4,#00838f);border-radius:24px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.plumbing-stat-card:hover:before{opacity:.3}.plumbing-stat-card:hover{box-shadow:0 20px 50px #00838f33!important;transform:translateY(-8px)}.plumbing-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00838f,#006064);-webkit-background-clip:text;background-clip:text;color:#00838f;font-family:Cairo,sans-serif!important;font-size:2.5rem!important;font-weight:900!important}.section-title-plumbing{color:#006064;display:inline-block;font-family:Cairo,sans-serif!important;font-size:2.2rem!important;font-weight:800!important;margin-bottom:2rem!important;padding-bottom:1rem;position:relative}.section-title-plumbing:after{background:linear-gradient(90deg,#00bcd4,#00838f);border-radius:2px;bottom:0;content:"";height:4px;position:absolute;right:0;width:80px}.explore-more-btn{color:#00838f!important;font-family:Cairo,sans-serif!important;transition:all .3s ease!important}.explore-more-btn:hover{color:#006064!important;transform:translateX(-10px)}.plumbing-service-card{background:#fff!important;border:1px solid #00bcd426;border-radius:24px!important;box-shadow:0 10px 40px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.plumbing-service-card:hover{border-color:#00bcd44d;box-shadow:0 30px 60px #00838f33!important;transform:translateY(-12px) scale(1.02)}.plumbing-service-card:before{background:linear-gradient(90deg,#00bcd4,#00838f,#006064);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:2}.plumbing-service-card:hover:before{transform:scaleX(1)}.plumbing-service-image{height:220px;object-fit:cover;transition:transform .4s ease}.plumbing-service-card:hover .plumbing-service-image{transform:scale(1.1)}.service-badge{position:absolute;right:16px;top:16px;z-index:1}.favorite-btn{background:#ffffffe6!important;transition:all .3s ease!important;z-index:1}.favorite-btn:hover{background:#fff!important;transform:scale(1.2)}.urgency-badge{bottom:16px;left:16px;position:absolute;z-index:1}.urgency-chip{background:linear-gradient(135deg,#ff5722,#d84315)!important;box-shadow:0 4px 15px #ff57224d}.response-time-chip,.urgency-chip{color:#fff!important;font-family:Cairo,sans-serif!important;font-weight:700!important}.response-time-chip{background:linear-gradient(135deg,#4caf50,#388e3c)!important;box-shadow:0 4px 15px #4caf504d}.plumbing-service-name{color:#006064;font-family:Cairo,sans-serif!important;font-size:1.4rem!important;font-weight:800!important;margin-bottom:.5rem!important;transition:color .3s ease}.plumbing-service-card:hover .plumbing-service-name{color:#00838f}.service-type-chip{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)!important;border:1px solid #00bcd433!important;color:#006064!important;font-family:Cairo,sans-serif!important;font-weight:700!important}.plumbing-service-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#546e7a;display:-webkit-box;line-height:1.7;min-height:72px}.plumbing-service-description,.plumbing-view-btn{font-family:Cairo,sans-serif!important;overflow:hidden}.plumbing-view-btn{background:linear-gradient(135deg,#00838f,#006064)!important;border-radius:12px!important;box-shadow:0 6px 20px #00838f4d!important;color:#fff!important;font-weight:700!important;padding:10px 24px!important;position:relative;transition:all .3s ease!important}.plumbing-view-btn:hover{box-shadow:0 10px 30px #00838f66!important;transform:translateY(-3px)}.plumbing-book-btn{border:2px solid #00bcd4!important;border-radius:12px!important;color:#00838f!important;font-family:Cairo,sans-serif!important;font-weight:700!important;padding:10px 24px!important;transition:all .3s ease!important}.plumbing-book-btn:hover{background:#00bcd41a!important;border-color:#00838f!important;box-shadow:0 6px 20px #00bcd433!important;color:#006064!important;transform:translateY(-3px)}.service-tips{background:linear-gradient(135deg,#e0f7fa,#fff)!important;border:2px solid #00bcd426;border-radius:24px!important;box-shadow:0 10px 40px #00000014!important;overflow:hidden;position:relative;transition:all .3s ease!important}.service-tips:before{background:linear-gradient(90deg,#00bcd4,#00838f);content:"";height:4px;left:0;position:absolute;right:0;top:0}.service-tips:hover{border-color:#00bcd440;box-shadow:0 15px 50px #00838f26!important;transform:translateY(-3px)}.tip-icon{background:#00bcd41a!important;border-radius:50%!important;color:#00838f!important;padding:12px!important;transition:all .3s ease}.tip-icon:hover{background:#00bcd433!important;transform:rotate(15deg) scale(1.1)}.no-services{background:linear-gradient(135deg,#e0f7fa,#fff)!important;border:2px dashed #00bcd44d;border-radius:24px!important;padding:4rem 2rem!important;transition:all .3s ease!important}.no-services:hover{border-color:#00838f;box-shadow:0 15px 40px #00838f1a!important;transform:translateY(-5px)}.empty-icon{animation:float 3s ease-in-out infinite;color:#00838f;font-size:5rem;margin-bottom:1.5rem;opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:960px){.plumbing-title{font-size:2.5rem!important}.plumbing-title:after{font-size:2rem}.plumbing-subtitle{font-size:1.2rem!important}.service-info-card{margin:0 1rem}.section-title-plumbing{font-size:1.8rem!important}}@media (max-width:600px){.plumbing-hero{padding:3rem 0}.plumbing-title{font-size:2rem!important}.plumbing-title:after{font-size:1.5rem}.plumbing-subtitle{font-size:1rem!important}.plumbing-service-card{margin-bottom:1.5rem}.service-tips{padding:1.5rem!important}.plumbing-stat-number{font-size:2rem!important}}.price-tag{background:linear-gradient(135deg,#00838f,#006064)!important;border-radius:20px!important;box-shadow:0 4px 15px #00838f4d;color:#fff!important;font-family:Cairo,sans-serif!important;font-weight:800!important;left:16px;padding:8px 16px!important;position:absolute;top:16px;z-index:1}.rating-container{align-items:center;display:flex;gap:4px;margin-top:8px}.star-icon{color:#ffc107!important;font-size:1.2rem!important}.rating-text{color:#78909c;font-family:Cairo,sans-serif;font-size:.9rem;margin-right:8px}.favorites-page{background:linear-gradient(180deg,#e8f5e9,#fff);min-height:100vh}.favorites-hero{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;margin-bottom:var(--space-2xl);overflow:hidden;position:relative}.favorites-hero:before{animation:favoritesPulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#fff3 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes favoritesPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.favorites-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a5d6a7,#fff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem!important;font-weight:900!important;text-shadow:0 2px 30px #4caf504d}.favorites-subtitle{font-size:1.5rem!important;margin:0 auto;max-width:600px;opacity:.9}.favorites-stats{background:linear-gradient(135deg,var(--surface-color),#f8f9fa)!important;border:2px solid #c8e6c9;border-radius:var(--radius-xl)!important;box-shadow:0 10px 40px #4caf501a!important;transition:all var(--transition-normal)!important}.favorites-stats:hover{border-color:#a5d6a7;box-shadow:0 15px 50px #4caf5026!important;transform:translateY(-5px)}.stats-number-favorites{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#2e7d32);-webkit-background-clip:text;background-clip:text;color:#4caf50;font-weight:900!important}.favorite-card{background:var(--surface-color)!important;border:2px solid #c8e6c9;border-radius:var(--radius-xl)!important;height:100%;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.favorite-card:hover{border-color:#81c784;box-shadow:0 20px 60px #4caf5033!important;transform:translateY(-10px) scale(1.02)}.favorite-card:before{background:linear-gradient(90deg,#4caf50,#2e7d32);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);z-index:2}.favorite-card:hover:before{transform:scaleX(1)}.favorite-image{transition:transform var(--transition-normal)}.favorite-card:hover .favorite-image{transform:scale(1.1)}.remove-favorite-btn{transition:all var(--transition-normal)!important;z-index:1}.remove-favorite-btn:hover{transform:scale(1.2)}.favorite-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:var(--radius-md);bottom:16px;padding:4px 8px;position:absolute;right:16px;z-index:1}.favorite-name{color:var(--text-primary);font-weight:800!important;margin-bottom:var(--space-sm)!important;transition:color var(--transition-normal)}.favorite-card:hover .favorite-name{color:#2e7d32}.favorite-category-chip{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)!important;color:var(--text-primary)!important;font-weight:600!important}.favorite-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;min-height:72px;overflow:hidden}.favorite-view-btn{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border-radius:var(--radius-md)!important;color:#fff!important;font-weight:700!important;overflow:hidden;position:relative;transition:all var(--transition-normal)!important}.favorite-view-btn:hover{box-shadow:0 8px 25px #4caf5066!important;transform:translateY(-2px)}.favorite-book-btn{border-color:#4caf50!important;border-radius:var(--radius-md)!important;color:#4caf50!important;font-weight:600!important;transition:all var(--transition-normal)!important}.favorite-book-btn:hover{background:#4caf500d!important;border-color:#2e7d32!important;color:#2e7d32!important;transform:translateY(-2px)}.no-favorites{background:linear-gradient(135deg,#f8f9fa,#fff)!important;border:2px dashed #c8e6c9;border-radius:var(--radius-xl)!important;transition:all var(--transition-normal)!important}.no-favorites:hover{border-color:#81c784;transform:translateY(-5px)}.explore-more-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important;border-radius:var(--radius-md)!important;color:#fff!important;font-weight:700!important;padding:10px 24px!important;transition:all var(--transition-normal)!important}.explore-more-btn:hover{box-shadow:0 8px 25px #7b1fa266!important;transform:translateY(-2px)}@media (max-width:960px){.favorites-title{font-size:2.5rem!important}.favorites-subtitle{font-size:1.2rem!important}.favorites-stats{padding:var(--space-md)!important}}@media (max-width:600px){.favorites-title{font-size:2rem!important}.favorites-subtitle{font-size:1rem!important}.favorite-card{margin-bottom:var(--space-lg)}.no-favorites{padding:var(--space-xl)!important}}.auth-loading-container{align-items:center;background:linear-gradient(135deg,#006064,#00838f 50%,#00acc1);bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.auth-loading-container:after{animation:flowLines 15s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 50px,#ffffff08 0,#ffffff08 51px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes flowLines{0%{transform:translateX(0)}to{transform:translateX(-50px)}}.auth-loading-content{animation:fadeInUp .6s ease-out;position:relative;text-align:center;z-index:1}.auth-loading-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#80deea);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Cairo,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:20px;position:relative}.auth-loading-logo:after{-webkit-text-fill-color:initial;animation:toolWiggle 2s ease-in-out infinite;content:"🔧";display:inline-block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));font-size:2.5rem;margin-right:10px}@keyframes toolWiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.auth-loading-text{color:#fffffff2;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:30px;text-shadow:0 2px 4px #0003}.auth-loading-spinner{animation:rotate 1s linear infinite;color:#fff!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));height:60px!important;position:relative;width:60px!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-loading-spinner:before{border:3px solid #fff3;border-radius:50%;bottom:-10px;left:-10px;right:-10px;top:-10px}.auth-loading-spinner:after,.auth-loading-spinner:before{animation:pulse 2s ease-in-out infinite;content:"";position:absolute}.auth-loading-spinner:after{animation-delay:.5s;border:2px solid #00bcd44d;border-radius:50%;bottom:-20px;left:-20px;right:-20px;top:-20px}.loading-dots{display:flex;justify-content:center;margin-top:30px}.loading-dot{animation:bounce 1.4s ease-in-out infinite both;background:#fffc;border-radius:50%;box-shadow:0 4px 10px #0003;height:12px;margin:0 6px;width:12px}.loading-dot:first-child{animation-delay:-.32s;background:#00bcd4}.loading-dot:nth-child(2){animation-delay:-.16s;background:#80deea}.loading-dot:nth-child(3){background:#fff}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.auth-loading-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.water-ripple{animation:rippleEffect 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:-50%;height:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:200%}@keyframes rippleEffect{0%,to{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.3;transform:translateX(-50%) scale(1.1)}}@media (max-width:768px){.auth-loading-logo{font-size:2.2rem}.auth-loading-logo:after{font-size:2rem}.auth-loading-text{font-size:1rem}.auth-loading-spinner{height:50px!important;width:50px!important}.loading-dot{height:10px;width:10px}}@media (max-width:480px){.auth-loading-logo{font-size:1.8rem}.auth-loading-logo:after{font-size:1.6rem}.auth-loading-text{font-size:.9rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3ba6c7c2.css.map*/