body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app{height:100vh;background:linear-gradient(180deg,#e0f2ff,#f8fafc);position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.12) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none;z-index:0;animation:gradientShift 15s ease infinite}@media(max-width:430px){.app:before{animation:none;opacity:.5}}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.app:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,transparent 50%),linear-gradient(90deg,rgba(37,99,235,.06) 0%,transparent 100%);pointer-events:none;z-index:0}.top-logo{position:fixed;top:12px;left:12px;z-index:1000;cursor:pointer;transform:translateZ(0);will-change:transform}@media(max-width:430px){.top-logo{top:8px;left:8px}}.logo-wrapper{display:flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px 8px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 2px 8px #2563eb26,0 1px 4px #3b82f61a;border:1px solid rgba(96,165,250,.3)}@media(max-width:430px){.logo-wrapper{padding:3px 6px;gap:5px}}.top-logo:hover .logo-wrapper{transform:translateY(-3px);box-shadow:0 16px 48px #2563eb80,0 8px 24px #3b82f666,inset 0 1px #ffffff40;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-color:#60a5fa99}@media(max-width:768px){.top-logo:hover .logo-wrapper{transform:none}.top-logo:active .logo-wrapper{transform:scale(.98)}}.logo-badge-modern{position:relative;width:24px;height:24px;flex-shrink:0}@media(max-width:430px){.logo-badge-modern{width:20px;height:20px}}.top-logo:hover .badge-svg{filter:drop-shadow(0 4px 16px rgba(59,130,246,.25));transform:scale(1.08)}.brand-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.2px;transition:all .3s ease;text-shadow:0 1px 4px rgba(0,0,0,.2)}@media(max-width:430px){.brand-name{font-size:10px}}.top-logo:hover .brand-name{color:#60a5fa;text-shadow:0 2px 12px rgba(96,165,250,.4)}.brand-slogan{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:6px;font-weight:500;color:#cbd5e1;line-height:1;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}@media(max-width:430px){.brand-slogan{font-size:5px}}.top-logo:hover .brand-slogan{color:#93c5fd}.business-auth{position:fixed;top:12px;right:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:8px 16px;border-radius:12px;border:2px solid rgba(96,165,250,.4);box-shadow:0 4px 16px #2563eb40,0 2px 8px #3b82f626,inset 0 1px #fff3;transition:all .3s ease;z-index:1000;transform:translateZ(0);will-change:transform}@media(min-width:769px){.business-auth{position:fixed;top:12px;right:12px;transform:translateZ(0)}}@media(max-width:768px){.business-auth{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin-top:-20px!important;max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:0;width:fit-content;transform:none!important;z-index:1}}.business-auth .business-label{margin-bottom:0;color:#fff!important;font-size:12px}.business-auth .business-btn{margin:0;padding:5px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:11px}.business-auth .business-btn:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}@media(max-width:430px){.business-auth{position:relative!important;top:auto!important;right:auto!important;left:auto!important;padding:6px 12px;gap:6px;margin-top:-24px!important;margin-bottom:0;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto;transform:none!important;z-index:1}.business-auth .business-label{font-size:11px}.business-auth .business-btn{padding:4px 8px;font-size:10px}}.business-auth:hover{box-shadow:0 8px 24px #2563eb59,0 4px 12px #3b82f640,inset 0 1px #ffffff40;border-color:#60a5fa99;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);transform:translateY(-2px)}@media(max-width:768px){.business-auth:hover{transform:none}}.business-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#334155!important;font-size:12px;font-weight:500;white-space:nowrap}@media(max-width:430px){.business-label{font-size:11px}}.business-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:6px 12px;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:32px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:430px){.business-btn{padding:5px 10px;font-size:11px}}.business-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}@media(max-width:768px){.business-btn:hover{transform:none}.business-btn:active{transform:scale(.95)}}.main-content{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px 24px 40px;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:768px){.main-content{padding-top:100px}}@media(max-width:430px){.main-content{padding:90px 16px 40px;align-items:flex-start}}.hero-section{text-align:center;max-width:1200px;width:100%;animation:fadeInUp .8s ease-out}@media(max-width:430px){.hero-section{max-width:100%;padding-inline:0}}.logo-container{margin-bottom:32px;margin-top:60px}@media(max-width:430px){.logo-container{margin-bottom:24px;margin-top:50px}}.brand-logo{display:inline-block;margin-bottom:24px;animation:logoFloat 4s ease-in-out infinite;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.logo-svg{width:120px;height:120px;filter:drop-shadow(0 8px 24px rgba(59,130,246,.12));transition:all .4s ease}@media(max-width:430px){.logo-svg{width:90px;height:90px}}.brand-logo:hover .logo-svg{filter:drop-shadow(0 12px 32px rgba(59,130,246,.2));transform:scale(1.05)}.water-drops{animation:dropFloat 5s ease-in-out infinite}@keyframes dropFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:56px;font-weight:900;color:#0f172a;margin-bottom:12px;letter-spacing:-2px;line-height:1.1;background:linear-gradient(135deg,#0f172a,#1e293b 30%,#3b82f6 70%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fadeInUp .8s ease-out .2s both,gradientMove 8s ease infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.1))}@media(max-width:430px){.app-title{font-size:28px;letter-spacing:-.5px;margin-bottom:8px}}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:#1e40af;margin-bottom:0;font-weight:500;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .4s both}@media(max-width:430px){.subtitle{font-size:14px;padding-inline:16px}}.auth-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}@media(max-width:430px){.auth-buttons{flex-direction:column;align-items:center;gap:12px;margin-bottom:-4px;padding-inline:16px;width:100%;max-width:100%}}.auth-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:180px;justify-content:center;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(max-width:430px){.auth-btn{width:100%;max-width:360px;height:48px;min-width:auto;padding:0 24px;font-size:15px;margin-bottom:0}.auth-btn.secondary{margin-bottom:0}}.auth-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 24px #3b82f659,0 4px 8px #3b82f633,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1)}.auth-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.auth-btn.primary:hover:before{left:100%}.auth-btn.primary:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3b82f673,0 8px 16px #3b82f64d,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af)}@media(max-width:430px){.auth-btn.primary:hover{transform:none}.auth-btn.primary:active{transform:scale(.98)}}.auth-btn.primary:active{transform:translateY(-1px)}.auth-btn.secondary{background:#ffffffd9;color:#334155;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 12px #0000000f,0 1px 4px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:430px){.auth-btn.secondary{font-size:14px;background:#fffffff2;box-shadow:0 2px 8px #0000000d}}.auth-btn.secondary:hover{background:#f8fafce6;border-color:#cbd5e1cc;color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 20px #0000001a,0 4px 8px #0000000f}@media(max-width:430px){.auth-btn.secondary:hover{transform:none}.auth-btn.secondary:active{transform:scale(.98);background:#f0f5faf2}}.auth-btn.secondary:active{transform:translateY(-1px)}.auth-btn .btn-icon{width:20px;height:20px;stroke-width:2.5}.auth-btn .btn-text{font-size:16px;font-weight:600}@media(max-width:430px){.auth-btn .btn-text{font-size:15px}.auth-btn.secondary .btn-text{font-size:14px}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;animation:fadeInUp .8s ease-out .8s both}@media(max-width:430px){.features{grid-template-columns:1fr;gap:20px;max-width:100%;padding-inline:16px;width:100%}}.feature{background:linear-gradient(135deg,#fffffffa,#eff6fff2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:28px 24px;border-radius:20px;border:2px solid rgba(59,130,246,.2);box-shadow:0 12px 40px #2563eb26,0 4px 16px #3b82f61a,inset 0 1px #fff,inset 0 -1px #3b82f626;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}@media(max-width:430px){.feature{width:100%;max-width:100%;padding:20px;border-radius:18px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(59,130,246,.15)}}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8,#3b82f6);background-size:200% 100%;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);animation:gradientMove 3s linear infinite}.feature:hover:before{transform:translate(0);animation:gradientMove 1s linear infinite}.feature:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.feature:hover:after{opacity:1}.feature:hover{border-color:#3b82f680;background:linear-gradient(135deg,#fff,#eff6ff);transform:translateY(-12px) scale(1.02);box-shadow:0 32px 64px #2563eb40,0 16px 32px #3b82f633,inset 0 1px #fff,inset 0 -1px #3b82f633}@media(max-width:430px){.feature:hover{transform:none}.feature:active{transform:scale(.98)}}.feature-icon-wrapper{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#2563eb33);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #2563eb40,0 2px 8px #3b82f633,inset 0 1px #ffffff80;border:1px solid rgba(59,130,246,.3)}@media(max-width:430px){.feature-icon-wrapper{width:48px;height:48px;margin-bottom:12px;border-radius:12px}}.feature:hover .feature-icon-wrapper{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #2563eb66,0 4px 16px #3b82f64d,inset 0 1px #fff9;border-color:#3b82f680}@media(max-width:430px){.feature:hover .feature-icon-wrapper{transform:none}}.feature-icon{width:32px;height:32px;color:#2563eb;stroke-width:2.5;transition:all .4s ease;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}@media(max-width:430px){.feature-icon{width:28px;height:28px;stroke-width:2}}.feature:hover .feature-icon{color:#1d4ed8;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}@media(max-width:430px){.feature:hover .feature-icon{transform:none}}.feature-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.3px}@media(max-width:430px){.feature-title{font-size:16px;font-weight:600;margin-bottom:6px}}.feature p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#475569;font-size:13px;font-weight:400;line-height:1.5;margin:0}@media(max-width:430px){.feature p{font-size:14px;line-height:1.5}}@media(max-width:1024px){.app-title{font-size:48px;letter-spacing:-1.5px}.subtitle{font-size:17px}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px}.logo-svg{width:110px;height:110px}.main-content{padding:90px 32px 50px}}@media(max-width:1024px)and (orientation:landscape){.main-content{padding:60px 32px 40px}.logo-container{margin-top:20px;margin-bottom:20px}.app-title{font-size:42px;margin-bottom:8px}.subtitle{font-size:16px}.auth-buttons{margin-bottom:24px}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.feature{padding:20px 16px}}@media(max-width:768px){.top-logo{top:16px;left:16px}.logo-wrapper{padding:6px 10px}.logo-badge-modern{width:32px;height:32px}.brand-name{font-size:14px}.brand-slogan{font-size:7px}.business-auth{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin-top:-20px!important;max-width:360px;margin-left:auto;margin-right:auto;padding:8px 16px;gap:8px;transform:none!important;z-index:1}.business-label{font-size:12px}.business-btn{font-size:12px;padding:6px 12px;min-height:32px}.main-content{padding:100px 20px 60px;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-title{font-size:38px;letter-spacing:-1px}.subtitle{font-size:15px}.logo-svg{width:100px;height:100px}.auth-buttons{flex-direction:column;align-items:stretch;max-width:400px;margin-left:auto;margin-right:auto;margin-bottom:32px;gap:12px}.auth-btn{width:100%;min-width:auto;padding:16px 28px;min-height:52px;font-size:15px}.features{grid-template-columns:1fr;max-width:100%;gap:20px;padding-inline:20px}.feature{padding:24px 20px;min-height:auto}.feature-icon-wrapper{width:56px;height:56px}.feature-icon{width:30px;height:30px}}@media(max-width:600px)and (min-width:481px){.app-title{font-size:34px;letter-spacing:-.8px}.subtitle{font-size:15px}.main-content{padding:95px 20px 50px}.logo-svg{width:95px;height:95px}.auth-buttons{max-width:100%;padding-inline:20px}.auth-btn{padding:15px 24px;min-height:50px}.features{padding-inline:20px;gap:18px}.feature{padding:22px 18px}}@media(max-width:480px){.app-title{font-size:30px;letter-spacing:-.5px}.subtitle{font-size:14px}.main-content{padding:90px 16px 50px}.logo-svg{width:90px;height:90px}.auth-buttons{padding-inline:16px}.auth-btn{padding:14px 24px;min-height:48px;font-size:15px}.feature{padding:20px 16px}}@media(max-width:430px){.app{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.main-content{padding-top:calc(90px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.top-logo{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.business-auth{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin-top:-24px!important;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto;transform:none!important;z-index:1;padding:6px 14px}.logo-container{margin-bottom:20px;margin-top:40px}.brand-logo{margin-bottom:16px}.auth-buttons{margin-bottom:20px}.features{margin-top:24px}}@media(max-width:768px)and (orientation:landscape){.main-content{padding:60px 20px 40px}.logo-container{margin-top:20px;margin-bottom:16px}.app-title{font-size:32px;margin-bottom:6px}.subtitle{font-size:14px;margin-bottom:0}.auth-buttons{margin-bottom:20px;flex-direction:row;justify-content:center;max-width:500px;gap:12px}.auth-btn{flex:1;max-width:200px;min-height:48px;padding:12px 20px}.features{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.feature{padding:16px 12px}.feature-title{font-size:14px;margin-bottom:4px}.feature p{font-size:11px;line-height:1.4}.feature-icon-wrapper{width:40px;height:40px;margin-bottom:8px}.feature-icon{width:24px;height:24px}}@media(max-width:390px){.app-title{font-size:26px}.subtitle{font-size:13px}.logo-svg{width:90px;height:90px}.auth-btn{max-width:100%;font-size:14px}.feature{padding:18px}.feature-title{font-size:15px}.feature p{font-size:13px}}@media(max-width:360px){.app-title{font-size:26px;letter-spacing:-.3px}.subtitle{font-size:13px;padding-inline:12px}.logo-svg{width:85px;height:85px}.auth-btn{min-height:48px;font-size:14px;padding:12px 20px}.auth-btn .btn-icon{width:18px;height:18px}.auth-btn .btn-text{font-size:14px}.feature{padding:18px 14px;border-radius:16px}.feature-icon-wrapper{width:48px;height:48px;margin-bottom:12px}.feature-icon{width:26px;height:26px}.feature-title{font-size:15px;margin-bottom:6px}.feature p{font-size:13px;line-height:1.5}.top-logo{top:10px;left:10px}.business-auth{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin-top:-24px!important;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto;padding:6px 12px;transform:none!important;z-index:1}.business-label{font-size:10px}.business-btn{padding:5px 10px;font-size:10px;min-height:28px}.main-content{padding:85px 12px 40px}.logo-container{margin-top:30px;margin-bottom:18px}}@media(max-width:320px){.app-title{font-size:24px}.subtitle{font-size:12px}.logo-svg{width:75px;height:75px}.auth-btn{font-size:13px;padding:12px 16px}.feature{padding:16px 12px}.main-content{padding:80px 10px 35px}}.logo-wrapper{display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px 20px;border-radius:16px;background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 12px 40px #2563eb4d,0 4px 16px #3b82f640,inset 0 1px #fff3;border:2px solid rgba(96,165,250,.4);cursor:pointer}.dashboard-header .logo .logo-wrapper,.business-header .logo .logo-wrapper{background:transparent;border:none;box-shadow:none;padding:0;gap:14px}.dashboard-header .logo .logo-wrapper:hover,.business-header .logo .logo-wrapper:hover{background:transparent;transform:none;box-shadow:none}.logo-wrapper:hover{transform:translateY(-3px);box-shadow:0 16px 48px #2563eb80,0 8px 24px #3b82f666,inset 0 1px #ffffff40;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-color:#60a5fa99}.logo-badge-modern{position:relative;width:44px;height:44px;flex-shrink:0}.badge-svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(59,130,246,.15));transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-wrapper:hover .badge-svg{filter:drop-shadow(0 4px 16px rgba(59,130,246,.25));transform:scale(1.08) rotate(5deg)}.brand-identity{display:flex;flex-direction:column;gap:2px}.brand-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.4px;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.2)}.dashboard-header .logo .brand-name,.business-header .logo .brand-name{font-size:24px;font-weight:900;color:#0f172a;letter-spacing:-.8px;line-height:1.1;background:linear-gradient(135deg,#3b82f6,#64748b,#fff,#fbbf24,#f97316,#0f172a,#1e3a8a 85.8%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:500% 500%;animation:fadeInUp .8s ease-out .2s both,logoGradientMove 8s ease infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.1));text-shadow:none}.brand-slogan{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:500;color:#cbd5e1;line-height:1;letter-spacing:.8px;text-transform:uppercase;transition:all .3s ease}.logo-wrapper:hover .brand-name{color:#60a5fa;text-shadow:0 2px 12px rgba(96,165,250,.4)}.logo-wrapper:hover .brand-slogan{color:#93c5fd}.logo-small .logo-badge-modern{width:36px;height:36px}.logo-small .brand-name{font-size:16px}.logo-small .brand-slogan{font-size:8px}.logo-small{padding:8px 16px;gap:10px}.logo-default .logo-badge-modern{width:44px;height:44px}.logo-large .logo-badge-modern{width:56px;height:56px}.logo-large .brand-name{font-size:20px}.logo-large .brand-slogan{font-size:10px}.logo-large{padding:16px 24px;gap:18px}.logo-wrapper:not([onclick]){cursor:default}.logo-wrapper-home{display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;padding:0;background:none;border:none;box-shadow:none}.logo-wrapper-home:hover{transform:translateY(-2px);background:none;box-shadow:none}.logo-emblem{width:60px;height:60px;flex-shrink:0}.brand-name-home{display:flex;align-items:center;gap:6px}.brand-text-gradient{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6 60%,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;position:relative}.brand-text-gradient:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#3b82f6 20%,#0ea5e9 80%,transparent 100%);opacity:.6}.water-droplet-icon{width:20px;height:20px;flex-shrink:0;margin-left:2px}@media(max-width:768px){.logo-emblem{width:50px;height:50px}.brand-text-gradient{font-size:20px}.water-droplet-icon{width:18px;height:18px}}@media(max-width:430px){.logo-wrapper-home{gap:12px}.logo-emblem{width:42px;height:42px}.brand-text-gradient{font-size:18px}.water-droplet-icon{width:16px;height:16px}}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border-left:4px solid;min-width:320px;max-width:500px;animation:slideIn .3s ease-out;position:relative;z-index:10000}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:15px;font-weight:500;color:#1e293b;line-height:1.5}.toast-close{width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast-close:hover{color:#64748b}.toast-close svg{width:18px;height:18px}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast{min-width:280px;max-width:calc(100vw - 40px)}.toast-container{right:10px;left:10px;top:10px}}.google-auth-modal-overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.google-auth-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(148,163,184,.2);animation:slideUp .3s ease;text-align:center}.google-auth-modal-icon{margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.google-auth-spinner{display:flex;align-items:center;justify-content:center}.google-auth-spinner svg{animation:spin 1s linear infinite}.google-auth-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;font-family:Inter,sans-serif}.google-auth-modal-message{font-size:15px;color:#e2e8f0e6;margin:0 0 16px;line-height:1.6;font-family:Inter,sans-serif}.google-auth-modal-details{background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:13px;color:#e2e8f0cc;text-align:left;line-height:1.5}.google-auth-modal-loading-text{font-size:14px;color:#e2e8f0b3;margin-top:16px;font-family:Inter,sans-serif}.google-auth-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.google-auth-modal-btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif;min-width:120px}.google-auth-modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.google-auth-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.google-auth-modal-btn.secondary{background:#94a3b826;color:#e2e8f0e6;border:1px solid rgba(148,163,184,.3)}.google-auth-modal-btn.secondary:hover{background:#94a3b840;border-color:#94a3b866}.google-auth-modal-btn:active{transform:translateY(0)}@media(max-width:640px){.google-auth-modal{padding:24px;max-width:90%}.google-auth-modal-title{font-size:20px}.google-auth-modal-actions{flex-direction:column}.google-auth-modal-btn{width:100%}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1e40af);display:flex;flex-direction:column;align-items:center;padding:40px 20px;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 30%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgba(14,165,233,.12) 0%,transparent 50%);animation:bgPulse 10s ease-in-out infinite;pointer-events:none}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.7}}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;cursor:pointer;z-index:1;transition:transform .3s ease}.auth-logo:hover{transform:translateY(-2px)}.auth-logo .logo-badge-modern{width:44px;height:44px}.auth-logo .badge-svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(59,130,246,.5))}.auth-logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.6px;line-height:1.2}.auth-container{width:100%;max-width:480px;z-index:1}.auth-container-large{max-width:580px}.auth-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.15);padding:40px;box-shadow:0 20px 60px #0006;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.business-badge{display:inline-block;padding:6px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:20px;color:#60a5fa;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.auth-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.8px;line-height:1.2}.auth-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;color:#f1f5f9!important;font-weight:400;letter-spacing:.2px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;color:#fffc!important;letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:6px}.auth-page .form-label{color:#ffffffe6!important}.required-badge{display:inline-block;padding:2px 8px;background:#ef444426;border-radius:6px;color:#f87171;font-size:11px;font-weight:600;text-transform:uppercase}.optional-badge{display:inline-block;padding:2px 8px;background:#fbbf2426;border-radius:6px;color:#fbbf24;font-size:11px;font-weight:600;text-transform:uppercase}.tax-document-info{margin-top:10px;padding:12px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;display:flex;gap:10px;align-items:center}.tax-document-info .info-icon{flex-shrink:0;width:20px;height:20px;color:#60a5fa}.tax-document-info .info-icon svg{width:100%;height:100%}.tax-document-info .info-content{flex:1;color:#ffffffe6;font-size:12px;line-height:1.5}.tax-document-info .info-content strong{color:#fff;font-weight:600;margin-right:6px}.tax-document-info .info-benefits{color:#ffffffd9;font-weight:400}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:18px;width:20px;height:20px;color:#cbd5e1b3;pointer-events:none;z-index:1;transition:all .3s ease}.input-wrapper:focus-within .input-icon{color:#60a5fa;transform:scale(1.1)}.input-wrapper:hover .input-icon{color:#e2e8f0e6}input.form-input,input[type=email].form-input,input[type=password].form-input,input[type=text].form-input,input[type=tel].form-input,.form-input{width:100%;padding:16px 20px 16px 52px;background:#94a3b826!important;border:2px solid rgba(148,163,184,.25)!important;border-radius:14px;color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#94a3b826!important;caret-color:#fff!important}input.form-input:-webkit-autofill,input.form-input:-webkit-autofill:hover,input.form-input:-webkit-autofill:focus,input.form-input:-webkit-autofill:active,input[type=email].form-input:-webkit-autofill,input[type=password].form-input:-webkit-autofill,input[type=text].form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(148,163,184,.15) inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#94a3b826!important;background:#94a3b826!important;border:2px solid rgba(148,163,184,.25)!important;caret-color:#fff!important}input.form-input:-moz-autofill,input[type=email].form-input:-moz-autofill,input[type=password].form-input:-moz-autofill{background-color:#94a3b826!important;background:#94a3b826!important;color:#fff!important;border:2px solid rgba(148,163,184,.25)!important}.form-input::placeholder{color:#ffffff47;font-weight:400;letter-spacing:.15px;transition:color .2s ease}.auth-page input.form-input::placeholder,.auth-page input[type=email].form-input::placeholder,.auth-page input[type=password].form-input::placeholder,.auth-page input[type=text].form-input::placeholder,.auth-page input[type=tel].form-input::placeholder{color:#ffffff47!important;-webkit-text-fill-color:rgba(255,255,255,.28)!important;opacity:.9}.form-input:hover{background:#94a3b833!important;border-color:#94a3b859!important;box-shadow:0 4px 12px #0003;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.form-input:focus{outline:none;background:#94a3b840!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 8px 20px #3b82f64d;transform:translateY(-1px);color:#fff!important;-webkit-text-fill-color:#ffffff!important}.form-input:focus:-webkit-autofill{-webkit-box-shadow:0 0 0 30px rgba(148,163,184,.25) inset !important,0 0 0 4px rgba(59,130,246,.2),0 8px 20px rgba(59,130,246,.3)!important;-webkit-text-fill-color:#ffffff!important}.form-input:focus::placeholder{color:#ffffff2e}.auth-page input.form-input:focus::placeholder,.auth-page input[type=email].form-input:focus::placeholder,.auth-page input[type=password].form-input:focus::placeholder,.auth-page input[type=text].form-input:focus::placeholder,.auth-page input[type=tel].form-input:focus::placeholder{color:#ffffff2e!important;-webkit-text-fill-color:rgba(255,255,255,.18)!important}select.form-input{padding:16px 48px 16px 20px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}select.form-input option{background:#1e293b;color:#fff;padding:12px;font-weight:500}select.form-input:disabled{opacity:.5;cursor:not-allowed}select.form-input:disabled option{color:#ffffff80}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;color:#fff!important;cursor:pointer;font-weight:400;letter-spacing:.1px;line-height:1.5}.checkbox-label span{color:#fff!important}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.forgot-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;color:#60a5faf2;text-decoration:none;font-weight:600;letter-spacing:.2px;transition:all .3s ease}.forgot-link:hover{color:#60a5fa;text-decoration:underline}.form-terms{margin-top:-8px}.form-terms .checkbox-label{font-size:13px;line-height:1.5;color:#fff!important}.terms-link{color:#60a5fae6;text-decoration:none;font-weight:600;transition:color .3s ease}.terms-link:hover{color:#60a5fa;text-decoration:underline}.auth-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3b82f666,0 2px 4px #0000001a;margin-top:8px;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680,0 4px 8px #00000026;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.auth-submit-btn:active{transform:translateY(0);box-shadow:0 4px 12px #3b82f666}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.auth-divider span{font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;font-weight:500}.social-login{display:flex;flex-direction:column;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.social-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.social-btn.google.disabled{opacity:.6;cursor:not-allowed}.google-login-wrapper{position:relative;width:100%;display:flex;justify-content:center}.google-login-wrapper>div{width:100%;display:flex;justify-content:center}.google-login-overlay{position:absolute;inset:0;background:#0f172aa6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f8fafc;font-size:13px;font-weight:600;letter-spacing:.2px}.auth-switch{text-align:center;margin-top:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;color:#f1f5f9!important;font-weight:400;letter-spacing:.1px}.auth-link{color:#60a5faf2;text-decoration:none;font-weight:600;letter-spacing:.2px;transition:all .3s ease}.auth-link:hover{color:#60a5fa;text-decoration:underline}.file-input-wrapper{position:relative}.file-input{display:none}.file-input-label{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#0f172a99;border:2px dashed rgba(148,163,184,.4);border-radius:14px;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.file-input-label:hover{background:#0f172ab3;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.file-icon{width:20px;height:20px;color:#3b82f6cc;flex-shrink:0}.file-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-link{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.secondary-link{font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;text-decoration:none;font-weight:500;transition:color .3s ease}.secondary-link:hover{color:#fffc}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease;text-align:center}.modal-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px #10b9814d}.modal-icon svg{width:40px;height:40px;color:#fff;stroke-width:3}.modal-title{font-family:Inter,sans-serif;font-size:28px;font-weight:800;color:#0f172a;margin-bottom:12px}.modal-message{font-family:Inter,sans-serif;font-size:16px;color:#475569;margin-bottom:24px;line-height:1.6}.modal-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;gap:12px;text-align:left}.info-icon{width:24px;height:24px;color:#3b82f6;flex-shrink:0;margin-top:2px}.modal-info p{font-family:Inter,sans-serif;font-size:14px;color:#1e293b;line-height:1.6;margin:0}.modal-note{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.modal-note p{font-family:Inter,sans-serif;font-size:13px;color:#78350f;line-height:1.6;margin:0}.modal-note strong{color:#92400e}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{padding:14px 28px;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.modal-btn.secondary{background:#0f172a14;color:#0f172a}.modal-btn.secondary:hover{background:#0f172a26}@media(max-width:640px){.auth-page{padding:24px 16px}.auth-card{padding:28px 24px}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.form-footer{flex-direction:column;align-items:flex-start;gap:12px}.form-row{grid-template-columns:1fr}.modal-content{padding:28px 20px}.modal-title{font-size:24px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.field-error{margin-top:6px;font-size:13px;color:#f87171;padding-left:4px;line-height:1.4}.form-input.input-error{border-color:#f87171!important;background-color:#f871711a!important}.form-input.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #f8717133!important}.password-criteria{margin-top:8px;padding:10px 12px;background:#0f172a66;border-radius:8px;border:1px solid rgba(148,163,184,.2)}.criteria-item{font-size:12px;color:#e2e8f0b3;margin:4px 0;display:flex;align-items:center;gap:8px;transition:color .2s ease}.criteria-item.criteria-valid{color:#22c55e}.criteria-item:before{content:"";width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.auth-error-box{padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;font-size:14px;line-height:1.5}.auth-success-container{text-align:center;padding:20px 0}.auth-success-icon-wrapper{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background:#22c55e33;display:flex;align-items:center;justify-content:center}.auth-success-message{color:#e2e8f0;margin-bottom:20px;line-height:1.6;font-size:15px}.auth-success-message strong{color:#fff;font-weight:600}.auth-link-block{display:block;text-align:center;margin-top:20px}.auth-submit-btn-margin{margin-top:10px}.legal-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.legal-modal-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.legal-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.legal-modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1;padding:0}.legal-modal-close:hover{background:#e5e7eb;color:#111827}.legal-modal-body{flex:1;overflow-y:auto;padding:24px;min-height:200px;max-height:calc(90vh - 140px)}.legal-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.legal-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.legal-modal-error{text-align:center;padding:60px 20px;color:#dc2626}.legal-modal-error-btn{margin-top:16px;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.legal-modal-error-btn:hover{background:#2563eb}.legal-modal-content{line-height:1.8;color:#374151;font-size:.95rem}.legal-modal-content h1{font-size:1.75rem;color:#111827;margin-top:2rem;margin-bottom:1rem;font-weight:700;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.legal-modal-content h2{font-size:1.4rem;color:#1f2937;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.legal-modal-content h3{font-size:1.15rem;color:#374151;margin-top:1.25rem;margin-bottom:.5rem;font-weight:600}.legal-modal-content p{margin-bottom:1rem;text-align:justify}.legal-modal-content ul,.legal-modal-content ol{margin:1rem 0;padding-left:2rem}.legal-modal-content li{margin-bottom:.5rem}.legal-modal-content strong{color:#111827;font-weight:600}.legal-modal-content a{color:#3b82f6;text-decoration:none;font-weight:500}.legal-modal-content a:hover{text-decoration:underline}.legal-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.legal-modal-close-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s}.legal-modal-close-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.legal-modal-close-btn:active{transform:translateY(0)}.legal-modal-body::-webkit-scrollbar{width:8px}.legal-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.legal-modal-container{max-height:95vh;margin:10px}.legal-modal-header{padding:16px 20px}.legal-modal-title{font-size:1.25rem}.legal-modal-body{padding:20px;max-height:calc(95vh - 120px)}.legal-modal-content h1{font-size:1.5rem}.legal-modal-content h2{font-size:1.25rem}.legal-modal-content{font-size:.9rem}}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal-content{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#f8fafc;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:#fee2e2;transform:rotate(90deg)}.modal-close svg{width:20px;height:20px;color:#64748b}.modal-close:hover svg{color:#dc2626}.modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:40px 32px 32px;text-align:center;color:#fff;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.15) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.1) 0%,transparent 50%)}.service-icon{width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1}.service-icon svg{width:32px;height:32px;color:#fff}.modal-header h2{font-family:Inter,sans-serif;font-size:28px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px;position:relative;z-index:1}.service-name{font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0 0 16px;opacity:.9;position:relative;z-index:1}.service-details{display:flex;justify-content:center;gap:24px;position:relative;z-index:1}.detail-item{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.detail-item svg{width:16px;height:16px}.detail-item.price{font-size:24px;font-weight:900;color:#fff}.price-with-campaign{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.price-row{display:flex;align-items:center;gap:10px}.price-original-text{text-decoration:line-through;color:#fff9;font-size:16px;font-weight:500}.price-discounted-text{color:#fff;font-weight:900;font-size:24px;text-shadow:0 2px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-discount-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px}.booking-form{padding:32px;display:flex;flex-direction:column;gap:24px}.error-message{padding:14px;background:#fee2e2;border:1.5px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;font-weight:500;white-space:pre-line}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#000!important;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.3px}.form-label svg{width:18px;height:18px;color:#3b82f6}.form-input{width:100%;padding:14px 16px;background:#f8fafc;border:1.5px solid rgba(226,232,240,1);border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#1e293b;transition:all .3s ease}textarea.form-input{resize:vertical;min-height:80px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}select.form-input option{background:#fff;color:#1e293b;padding:12px}.no-vehicles{padding:20px;background:#eff6ff;border:1.5px dashed rgba(59,130,246,.3);border-radius:12px;text-align:center}.no-vehicles p{margin:0 0 12px;color:#64748b;font-size:14px}.add-vehicle-btn{padding:8px 16px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.add-vehicle-btn:hover{background:#2563eb;transform:translateY(-2px)}.booking-summary{background:linear-gradient(135deg,#3b82f60a,#0ea5e90f);border-radius:16px;padding:20px;border:1.5px solid rgba(59,130,246,.15)}.booking-summary h3{font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-family:Inter,sans-serif;font-size:14px}.summary-row span{color:#64748b;font-weight:500}.summary-row strong{color:#1e293b;font-weight:700}.summary-row.total{margin-top:8px;padding-top:16px;border-top:2px solid rgba(59,130,246,.2)}.summary-row.total span{font-size:16px;font-weight:700;color:#1e293b}.summary-row.total strong{font-size:28px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px}.summary-row.campaign-discount{background:linear-gradient(135deg,#10b9811a,#05966926);padding:12px 16px;border-radius:12px;margin:8px 0;border:1.5px solid rgba(16,185,129,.2)}.summary-row.campaign-discount span{color:#059669;font-weight:600;font-size:15px}.summary-row.campaign-discount .discount-amount{color:#10b981;font-size:18px;font-weight:800}.summary-row.original-price{padding:8px 0;margin-bottom:4px}.summary-row.original-price span{color:#94a3b8;font-size:13px}.summary-row.original-price .price-original{color:#94a3b8;font-size:16px;text-decoration:line-through;font-weight:600}.price-total{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.price-final{color:#10b981;font-size:28px;font-weight:900;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.smart-recommendations{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.recommendations-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;position:relative}.recommendations-header svg{width:20px;height:20px;color:#3b82f6}.recommendations-header h3{flex:1;margin:0;font-size:16px;font-weight:600;color:#1e293b}.recommendations-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#64748b;border-radius:4px;transition:all .2s}.recommendations-close:hover{background:#0000000d;color:#1e293b}.recommendations-close svg{width:18px;height:18px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;gap:12px}.recommendation-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.recommendation-info{flex:1}.recommendation-info h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#1e293b}.recommendation-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:13px;color:#64748b}.recommendation-rating{color:#f59e0b;font-weight:600}.recommendation-location{color:#64748b}.recommendation-status.open{color:#10b981;font-weight:600}.recommendation-status.closed{color:#ef4444;font-weight:600}.recommendation-reason{margin:8px 0 0;font-size:13px;color:#475569;font-style:italic;line-height:1.4}.recommendation-action{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.recommendation-action:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.recommendation-action svg{width:18px;height:18px}.modal-actions{display:flex;gap:12px}.cancel-btn,.submit-btn{flex:1;padding:16px 24px;border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#f8fafc;color:#64748b;border:1.5px solid rgba(226,232,240,1)}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 16px #3b82f64d;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.submit-btn:hover:before{width:400px;height:400px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f666}.time-selector-group{width:100%}.time-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.time-slot-btn{position:relative;padding:14px 12px;background:#f8fafc;border:2px solid rgba(226,232,240,1);border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px}.time-slot-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.time-slot-btn.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}.time-slot-btn.selected:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.time-slot-btn.disabled{background:#f1f5f9;border-color:#e2e8f080;color:#94a3b8;cursor:not-allowed;opacity:.5;position:relative;overflow:hidden}.time-slot-btn.disabled:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#cbd5e1;transform:translateY(-50%) rotate(-15deg)}.blocked-badge,.past-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-top:2px}.blocked-badge{background:#ef44441a;color:#dc2626}.past-badge{background:#94a3b81a;color:#64748b}.time-slot-btn.selected .blocked-badge,.time-slot-btn.selected .past-badge{background:#fff3;color:#fff}.loading-times{margin-top:12px;padding:16px;text-align:center;color:#64748b;font-size:14px;font-weight:500}.no-available-times{margin-top:12px;padding:16px;background:#fee2e24d;border:1.5px dashed rgba(239,68,68,.3);border-radius:12px;text-align:center;color:#dc2626;font-size:14px;font-weight:500}@media(max-width:640px){.time-slots-grid{grid-template-columns:repeat(3,1fr);gap:8px}.time-slot-btn{padding:12px 8px;font-size:14px;min-height:52px}.modal-content{border-radius:20px 20px 0 0;max-height:95vh}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner-ring{position:relative;border-radius:50%;border:4px solid rgba(59,130,246,.1);border-top-color:#3b82f6;animation:spin 1s linear infinite}.spinner-ring-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;border:3px solid rgba(59,130,246,.2);border-top-color:#60a5fa;animation:spin .8s linear infinite reverse}.spinner-small .spinner-ring{width:32px;height:32px;border-width:3px}.spinner-medium .spinner-ring{width:48px;height:48px;border-width:4px}.spinner-large .spinner-ring{width:64px;height:64px;border-width:5px}.loading-text{font-size:14px;color:#64748b;font-weight:500;margin:0}.spinner-small .loading-text{font-size:12px}.spinner-large .loading-text{font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;border-radius:inherit}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-title{height:24px;width:70%;margin-bottom:16px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{padding:20px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px}.empty-state-icon{width:120px;height:120px;margin-bottom:24px;color:#cbd5e1;opacity:.6;animation:float 3s ease-in-out infinite}.empty-state-icon svg{width:100%;height:100%;stroke-width:1.5}.empty-state-title{font-size:22px;font-weight:600;color:#1e293b;margin:0 0 12px;line-height:1.4}.empty-state-description{font-size:15px;color:#64748b;margin:0 0 32px;max-width:400px;line-height:1.6}.empty-state-action{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d}.empty-state-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.empty-state-action:active{transform:translateY(0)}.empty-state-booking .empty-state-icon{color:#3b82f6}.empty-state-business .empty-state-icon{color:#10b981}.empty-state-favorite .empty-state-icon{color:#ef4444}.empty-state-search .empty-state-icon{color:#f59e0b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.empty-state{padding:40px 20px;min-height:250px}.empty-state-icon{width:100px;height:100px;margin-bottom:20px}.empty-state-title{font-size:20px}.empty-state-description{font-size:14px;margin-bottom:24px}}.notification-bell-container{position:relative;margin-left:16px}.notification-bell-btn{position:relative;background:#fffffff2;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #2563eb26}.notification-bell-btn:hover{background:#fff;color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40;border-color:#ffffff80}.notification-bell-btn svg{width:24px;height:24px}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4;box-shadow:0 2px 4px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s ease}.notification-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-header h3{margin:0;font-size:18px;font-weight:700}.mark-all-read-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:#ffffff4d}.notification-list{max-height:500px;overflow-y:auto;padding:8px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-item{display:flex;align-items:flex-start;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#f8fafc}.notification-item:hover{background:#f1f5f9;border-color:#e2e8f0}.notification-item.unread{background:#eff6ff;border-left:4px solid #3b82f6}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px}.notification-item.unread .notification-title{color:#1e40af}.notification-message{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:6px}.notification-time{font-size:11px;color:#94a3b8}.notification-actions{display:flex;align-items:center;gap:8px;margin-left:12px}.unread-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0}.delete-notification-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:#94a3b8;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.delete-notification-btn:hover{background:#fee2e2;color:#ef4444}.delete-notification-btn svg{width:16px;height:16px}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#94a3b8}.notification-empty p{margin:0;font-size:14px}@media(max-width:768px){.notification-dropdown{position:fixed!important;width:calc(100vw - 32px)!important;max-width:400px!important;right:16px!important;left:auto!important;bottom:auto!important;transform:none!important;max-height:calc(100vh - 100px)!important;z-index:1001!important}.notification-bell-container{position:relative}}.customer-dashboard{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#dbeafe 30%,#bfdbfe 50%,#93c5fd);position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.customer-dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff}.dashboard-header{background:#ffffffe6;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);box-shadow:0 1px 3px #00000014,0 4px 12px #2563eb1a,inset 0 1px #ffffffe6;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(59,130,246,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.header-container{max-width:1400px;margin:0 auto;padding:18px 32px;display:flex;flex-direction:column;gap:12px;position:relative}.header-top-row{display:flex;align-items:center;gap:20px;width:100%;position:relative}.header-top-right{display:flex;align-items:center;gap:12px;margin-left:auto;position:relative;flex-wrap:wrap}.search-container{position:absolute;left:40%;transform:translate(-50%)}.header-buttons-row{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);padding:8px 12px;border-radius:12px;position:relative}.logo:hover{transform:translateY(-1px);background:#3b82f60d}.logo-badge{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3));transition:all .3s ease;flex-shrink:0}.logo:hover .logo-badge{filter:drop-shadow(0 4px 16px rgba(255,255,255,.4));transform:scale(1.08) rotate(5deg)}.logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:24px;font-weight:700;color:#1e40af;margin:0;letter-spacing:-.5px;line-height:1.2;position:relative;display:inline-block}@keyframes logoGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo:hover .logo-text{filter:drop-shadow(0 4px 8px rgba(59,130,246,.25))}.campaigns-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1e40af;border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:14px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d,0 2px 8px #2563eb1a,inset 0 1px #fffc;position:relative;overflow:hidden}.campaigns-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.campaigns-btn:hover:before{left:100%}.campaigns-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af;transform:translateY(-1px) scale(1.02);box-shadow:0 2px 4px #00000014,0 4px 12px #2563eb26,inset 0 1px #ffffffe6}.campaigns-btn:active{transform:translateY(0) scale(.98)}.campaigns-btn:active{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb33,0 2px 8px #3b82f626}.campaigns-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.5;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.campaigns-btn:hover svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.search-container{position:absolute;left:50%;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:769px){.search-container{position:absolute;left:40%;transform:translate(-50%);width:400px;max-width:400px}.search-container .search-icon-btn{display:none}.search-container .search-icon{display:block}.search-container .search-input{opacity:1;transform:scale(1);pointer-events:auto}}@media(max-width:768px){.header-top-row{flex-wrap:wrap;position:relative}.search-container{position:relative;left:auto;transform:none;order:3;width:100%;margin-top:8px}.search-container.search-open{width:100%}.header-top-right{margin-left:auto;order:2;position:relative}}.search-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(59,130,246,.2);border-radius:50%;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.search-icon-btn{display:none}.search-icon-btn:hover{background:#fffffff2;border-color:#3b82f64d;box-shadow:0 2px 4px #00000014,0 2px 8px #2563eb1a,inset 0 1px #ffffffe6;transform:scale(1.05)}.search-icon-btn:active{transform:scale(.95)}.search-icon-btn .search-icon{position:static;transform:none;width:20px;height:20px;color:#64748b;pointer-events:none;stroke-width:2}.search-icon-btn:hover .search-icon{color:#3b82f6}.search-container.search-open .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#64748b;pointer-events:none;z-index:2;stroke-width:2;transition:all .25s cubic-bezier(.4,0,.2,1)}@media(min-width:769px){.search-container .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#64748b;pointer-events:none;z-index:2;stroke-width:2;transition:all .25s cubic-bezier(.4,0,.2,1);display:block}.search-container .search-input{display:block;padding-left:54px;padding-right:48px}}.search-input{width:100%;padding:12px 48px 12px 54px;border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:15px;font-weight:400;letter-spacing:-.1px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#0f172a;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #fffc;text-indent:0;box-sizing:border-box}@media(min-width:769px){.search-input{opacity:1;transform:scale(1);pointer-events:auto}}@media(max-width:768px){.search-input{opacity:1;transform:scale(1);pointer-events:auto;padding-left:52px!important}.search-container .search-icon{display:block;left:16px!important}.search-icon-btn{display:none!important}}.search-input::placeholder{color:#94a3b8;opacity:.7}.search-input:focus{outline:none;border-color:#3b82f666;background:#fffffff2;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #2563eb1f,inset 0 1px 2px #ffffffe6;transform:scale(1.01)}.search-container.search-open:focus-within .search-icon{color:#3b82f6;transform:translateY(-50%) scale(1.05)}.search-close-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:#94a3b833;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.search-close-btn:hover{background:#94a3b84d;transform:translateY(-50%) scale(1.1)}.search-close-btn:active{transform:translateY(-50%) scale(.9)}.search-close-btn svg{width:14px;height:14px;color:#64748b;stroke-width:2.5}.search-close-btn:hover svg{color:#475569}@media(max-width:768px){.search-icon-btn{width:40px;height:40px}.search-icon-btn .search-icon{width:18px;height:18px}.search-container.search-open{max-width:100%}.search-input{padding:10px 44px 10px 50px;font-size:14px}.search-container.search-open .search-icon{left:16px;width:18px;height:18px}.search-close-btn{right:10px;width:26px;height:26px}.search-close-btn svg{width:12px;height:12px}}@media(max-width:480px){.search-icon-btn{width:38px;height:38px}.search-icon-btn .search-icon{width:16px;height:16px}.search-input{padding:10px 40px 10px 50px;font-size:14px}.search-container.search-open .search-icon{left:14px;width:16px;height:16px}.search-close-btn{right:8px;width:24px;height:24px}.search-close-btn svg{width:11px;height:11px}}.user-menu-container{position:relative;display:flex;align-items:center;gap:12px}.header-buttons-row .user-menu-btn{margin-left:auto}.user-menu-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);border-radius:100px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.user-menu-btn:hover{background:#fffffff2;border-color:#3b82f64d;box-shadow:0 2px 4px #00000014,0 2px 8px #2563eb1a,inset 0 1px #ffffffe6;transform:translateY(-1px) scale(1.02)}.user-menu-btn:active{transform:translateY(0) scale(.98)}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 4px #2563eb33,inset 0 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-name{font-size:14px;font-weight:600;color:#0f172a;letter-spacing:-.1px}.chevron-icon{width:18px;height:18px;color:#fffc}.header-top-right .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(59,130,246,.15);border-radius:16px;box-shadow:0 4px 6px #0000000d,0 10px 24px #2563eb1f,inset 0 1px #ffffffe6;min-width:220px;overflow:hidden;z-index:1000;animation:slideDownFade .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;color:#0f172a;font-weight:500;letter-spacing:-.1px;position:relative}.dropdown-item:hover{background:#3b82f614;color:#1e40af}.dropdown-item:active{background:#3b82f61f}.dropdown-item svg{width:18px;height:18px;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover svg{color:#3b82f6;transform:scale(1.05)}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.campaign-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:20px 0;position:relative;z-index:1;box-shadow:0 4px 12px #3b82f633}.campaign-banner-content{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px;position:relative}.campaign-banner-icon{font-size:48px;flex-shrink:0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.campaign-banner-text{flex:1}.campaign-banner-text h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff}.campaign-banner-text p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.5}.campaign-banner-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s;flex-shrink:0}.campaign-banner-close:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:768px){.header-container{padding:12px 16px;gap:10px}.header-top-row{gap:12px;flex-wrap:wrap}.header-top-right{gap:8px;flex-wrap:wrap;margin-left:auto}.campaigns-btn{padding:8px 12px;font-size:12px;flex-shrink:0}.campaigns-btn span{display:none}.workshops-btn span{display:inline}.campaigns-btn svg{width:18px;height:18px}.user-menu-btn{padding:8px 12px;font-size:13px}.user-name{display:none}.user-avatar-small{width:28px;height:28px;font-size:13px}.chevron-icon{display:none}.logo{padding:6px 10px}.search-container{order:3;width:100%;margin-top:8px;position:relative;left:auto;transform:none}}@media(max-width:480px){.header-container{padding:10px 12px;gap:8px}.header-buttons-row{gap:6px}.campaigns-btn{padding:8px 12px;min-width:44px}.user-menu-btn{padding:8px 10px;min-width:44px}}@media(max-width:768px){.campaign-banner-content{flex-direction:column;text-align:center;gap:12px}.campaign-banner-icon{font-size:36px}.campaign-banner-text h3{font-size:16px}.campaign-banner-text p{font-size:13px}.campaign-banner-close{position:absolute;top:10px;right:10px}}.address-section{background:#fff9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(59,130,246,.15);padding:20px 0;position:relative;z-index:1;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;transition:opacity .8s ease-out,transform .8s ease-out,max-height .8s ease-out;opacity:1;transform:translateY(0);max-height:500px;overflow:hidden}.address-section.fade-out{opacity:0;transform:translateY(-20px);max-height:0;padding:0;margin:0;pointer-events:none}.address-container{max-width:1400px;margin:0 auto;padding:0 32px}.address-input-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.location-icon{width:20px;height:20px;color:#64748b;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.address-input-group:focus-within .location-icon{color:#3b82f6;transform:scale(1.1)}.address-input{padding:10px 14px;border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:14px;font-weight:400;letter-spacing:-.1px;transition:all .25s cubic-bezier(.4,0,.2,1);background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#0f172a;min-width:150px;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #fffc}.address-input::placeholder{color:#94a3b8;opacity:.7}.address-input:focus{outline:none;border-color:#3b82f666;background:#fffffff2;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #2563eb1f,inset 0 1px 2px #ffffffe6;transform:scale(1.01)}.address-input.address-full{flex:1;min-width:300px}.save-address-btn-wrapper{position:relative;display:inline-block;z-index:2;overflow:visible}.save-address-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3;position:relative;overflow:visible;z-index:3}.save-address-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.save-address-btn:hover:before{left:100%}.save-address-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 8px #2563eb40,0 8px 16px #2563eb33,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1e40af)}.save-address-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #2563eb33,inset 0 1px 2px #0000001a}.save-address-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out;pointer-events:none;z-index:-1}.save-address-btn:active:after{width:300px;height:300px;opacity:0}.save-address-btn svg{width:18px;height:18px}.water-drops-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;pointer-events:none;z-index:0;overflow:visible}.water-drop{position:absolute;width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#fff,#fffffffa 10%,#dbeafefa 25%,#93c5fdf2,#60a5fae6 65%,#3b82f6d9 80%,#2563ebbf);border-radius:50% 50% 50% 0;transform-origin:center center;opacity:0;box-shadow:0 0 20px #93c5fd,0 0 30px #60a5facc,0 0 40px #3b82f699,inset -5px -5px 10px #ffffffb3,inset 4px 4px 8px #3b82f680;filter:blur(1px)}.water-drop-1{left:50%;top:50%;animation:waterDropBurst1 2.5s ease-out forwards;animation-delay:0s}.water-drop-2{left:50%;top:50%;animation:waterDropBurst2 2.5s ease-out forwards;animation-delay:.05s}.water-drop-3{left:50%;top:50%;animation:waterDropBurst3 2.5s ease-out forwards;animation-delay:.1s}.water-drop-4{left:50%;top:50%;animation:waterDropBurst4 2.5s ease-out forwards;animation-delay:.15s}.water-drop-5{left:50%;top:50%;animation:waterDropBurst5 2.5s ease-out forwards;animation-delay:.2s}.water-drop-6{left:50%;top:50%;animation:waterDropBurst6 2.5s ease-out forwards;animation-delay:.25s}.water-drop-7{left:50%;top:50%;animation:waterDropBurst7 2.5s ease-out forwards;animation-delay:.3s}.water-drop-8{left:50%;top:50%;animation:waterDropBurst8 2.5s ease-out forwards;animation-delay:.35s}.water-drop-9{left:50%;top:50%;animation:waterDropBurst9 2.5s ease-out forwards;animation-delay:.4s}.water-drop-10{left:50%;top:50%;animation:waterDropBurst10 2.5s ease-out forwards;animation-delay:.45s}.water-drop-11{left:50%;top:50%;animation:waterDropBurst11 2.5s ease-out forwards;animation-delay:.5s}.water-drop-12{left:50%;top:50%;animation:waterDropBurst12 2.5s ease-out forwards;animation-delay:.55s}.water-drop-13{left:50%;top:50%;animation:waterDropBurst13 2.5s ease-out forwards;animation-delay:.6s}.water-drop-14{left:50%;top:50%;animation:waterDropBurst14 2.5s ease-out forwards;animation-delay:.65s}.water-drop-15{left:50%;top:50%;animation:waterDropBurst15 2.5s ease-out forwards;animation-delay:.7s}.water-drop-16{left:50%;top:50%;animation:waterDropBurst16 2.5s ease-out forwards;animation-delay:.75s}.water-drop-17{left:50%;top:50%;animation:waterDropBurst17 2.5s ease-out forwards;animation-delay:.8s}.water-drop-18{left:50%;top:50%;animation:waterDropBurst18 2.5s ease-out forwards;animation-delay:.85s}.water-drop-19{left:50%;top:50%;animation:waterDropBurst19 2.5s ease-out forwards;animation-delay:.9s}.water-drop-20{left:50%;top:50%;animation:waterDropBurst20 2.5s ease-out forwards;animation-delay:.95s}@keyframes waterDropBurst1{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 0px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 0px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst2{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 22px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 40px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 60px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst3{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 41px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 70px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 100px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst4{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 57px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 100px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 130px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst5{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 66px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 110px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 140px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst6{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 70px),calc(-50% + 0px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 120px),calc(-50% + 0px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 150px),calc(-50% + 0px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst7{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 66px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 110px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 140px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst8{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 57px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 100px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 130px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst9{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 41px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 70px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 100px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst10{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 22px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 40px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 60px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst11{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% + 0px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% + 0px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 0px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst12{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 22px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 40px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 60px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst13{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 41px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 70px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 100px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst14{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 57px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 100px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 130px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst15{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 66px),calc(-50% + 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 110px),calc(-50% + 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 140px),calc(-50% + 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst16{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 70px),calc(-50% + 0px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 120px),calc(-50% + 0px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 150px),calc(-50% + 0px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst17{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 66px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 110px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 140px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst18{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 57px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 100px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 130px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst19{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 41px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 70px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 100px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}@keyframes waterDropBurst20{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.2)}10%{opacity:1;transform:translate(calc(-50% - 22px),calc(-50% - 50px)) rotate(-45deg) scale(1.4)}50%{opacity:1;transform:translate(calc(-50% - 40px),calc(-50% - 80px)) rotate(-45deg) scale(1.1)}to{opacity:0;transform:translate(calc(-50% - 60px),calc(-50% - 130px)) rotate(-45deg) scale(.3)}}.dashboard-main{max-width:1600px;margin:0 auto;padding:32px 16px;position:relative;z-index:1}.main-container{display:flex;gap:32px;align-items:flex-start;padding:0 16px}.mobile-sidebar-toggle{display:none;position:fixed;right:16px;bottom:100px;z-index:90;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:50px;padding:14px 18px;box-shadow:0 4px 16px #3b82f680;cursor:pointer;transition:all .3s ease;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}.mobile-sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.mobile-sidebar-toggle svg{width:20px;height:20px}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:98;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-sidebar{width:280px;flex-shrink:0;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:24px;box-shadow:0 2px 4px #0000000d,0 8px 24px #2563eb1a,inset 0 1px #ffffffe6;border:1px solid rgba(59,130,246,.15);position:sticky;top:100px;max-height:calc(100vh - 140px);overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-close{display:none;position:absolute;top:16px;right:16px;width:36px;height:36px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.mobile-sidebar-close:hover{background:#ef444433;transform:scale(1.1)}.mobile-sidebar-close svg{width:20px;height:20px}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:3px;transition:background .2s ease}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#3b82f64d}.dashboard-sidebar:hover{border-color:#3b82f633;box-shadow:0 4px 8px #0000000f,0 12px 32px #2563eb1f,inset 0 1px #fffffff2}.sidebar-section{margin-bottom:32px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:16px;font-weight:700;color:#1e40af;margin:0 0 16px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.category-list,.filters-list{display:flex;flex-direction:column;gap:12px;overflow:visible}.category-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.1);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px;color:#64748b;font-weight:500;letter-spacing:-.1px;text-align:left;width:100%;box-shadow:0 1px 2px #0000000a,inset 0 1px #fffc;position:relative;overflow:hidden}.category-item:hover{background:#ffffffe6;border-color:#3b82f633;transform:translate(2px);box-shadow:0 2px 4px #0000000f,0 4px 8px #2563eb1a,inset 0 1px #ffffffe6;color:#1e40af}.category-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:0;background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:0 2px 2px 0;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-item:hover:before{transform:translateY(-50%) scaleY(1);height:60%}.category-item.active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f64d;color:#fff;font-weight:600;box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3}.category-item.active:before{transform:translateY(-50%) scaleY(1);height:70%;background:#ffffff4d}.category-item span:first-child{flex:1}.category-count{font-size:12px;color:#9ca3af;background:#fff;padding:4px 8px;border-radius:6px;font-weight:600}.category-item.active .category-count{background:#3b82f6;color:#fff}.filter-group.advanced{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.15);border-radius:16px;box-shadow:0 2px 4px #0000000d,0 4px 12px #2563eb14,inset 0 1px #ffffffe6;margin-top:16px}.filter-label{font-size:13px;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.5px}.price-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.price-input{display:flex;flex-direction:column;gap:4px}.price-input span{font-size:12px;color:#6b7280;font-weight:600}.price-input input{padding:8px 12px;border:1px solid rgba(59,130,246,.2);border-radius:10px;font-size:14px;font-weight:400;transition:all .25s cubic-bezier(.4,0,.2,1);background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#0f172a;box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #fffc}.price-input input::placeholder{color:#94a3b8;opacity:.7}.price-input input:focus{outline:none;border-color:#3b82f666;background:#fffffff2;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #2563eb1f,inset 0 1px 2px #ffffffe6;transform:scale(1.01)}.price-divider{grid-column:1 / -1;text-align:center;font-weight:700;color:#9ca3af}.price-hint{font-size:12px;color:#9ca3af}.rating-filter{display:flex;flex-wrap:wrap;gap:8px}.rating-chip{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid rgba(59,130,246,.2);background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:#0f172a;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.rating-chip svg{width:14px;height:14px;color:#fbbf24}.rating-chip.active{border-color:#3b82f666;background:#3b82f61a;color:#1e40af;box-shadow:0 1px 2px #0000000f,0 2px 4px #2563eb1f,inset 0 1px 2px #ffffffe6}.rating-chip:hover{background:#fffffff2;border-color:#3b82f64d;transform:scale(1.05)}.distance-options{display:flex;flex-direction:column;gap:8px}.distance-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(59,130,246,.2);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;color:#0f172a;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.distance-option input{accent-color:#3b82f6}.distance-option.active{border-color:#3b82f666;background:#3b82f61a;color:#1e40af;box-shadow:0 1px 2px #0000000f,0 2px 4px #2563eb1f,inset 0 1px 2px #ffffffe6}.distance-option:hover{background:#fffffff2;border-color:#3b82f64d;transform:translate(2px)}.clear-filters-btn{width:100%;border:1px solid rgba(59,130,246,.2);background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e40af;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.clear-filters-btn:hover{border-color:#3b82f64d;background:#3b82f61a;color:#1e40af;box-shadow:0 2px 4px #00000014,0 4px 8px #2563eb1f,inset 0 1px #ffffffe6;transform:translateY(-1px) scale(1.02)}.clear-filters-btn:active{transform:translateY(0) scale(.98)}.personalized-campaigns-section{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-radius:16px;box-shadow:0 4px 20px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.section-header{margin-bottom:20px}.section-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#1e293b;margin:0 0 8px}.section-title svg{width:24px;height:24px;color:#fbbf24}.section-subtitle{color:#64748b;font-size:14px;margin:0}.personalized-campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.personalized-campaign-card{background:#fff;border-radius:12px;padding:20px;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.personalized-campaign-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:scaleY(0);transition:transform .3s ease}.personalized-campaign-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;transform:translateY(-4px)}.personalized-campaign-card:hover:before{transform:scaleY(1)}.campaign-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.campaign-card-header h3{flex:1;margin:0;font-size:16px;font-weight:600;color:#1e293b;line-height:1.4}.campaign-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #fbbf244d}.campaign-business{color:#64748b;font-size:14px;margin:0 0 12px;font-weight:500}.campaign-ai-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:12px;border-radius:8px;border-left:3px solid #3b82f6;font-size:13px;color:#475569;margin:0 0 12px;line-height:1.5;font-style:italic}.campaign-dates{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.campaign-dates svg{width:16px;height:16px}.dashboard-content{flex:1;display:flex;flex-direction:column;gap:24px}.sort-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 2px 4px #0000000d,0 8px 24px #2563eb1a,inset 0 1px #ffffffe6;border:1px solid rgba(59,130,246,.15);transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:24px}.sort-bar:hover{border-color:#3b82f633;box-shadow:0 4px 8px #0000000f,0 12px 32px #2563eb1f,inset 0 1px #fffffff2}.results-count{font-size:15px;color:#6b7280;display:flex;align-items:center;gap:12px}.results-count strong{color:#111827;font-weight:700;font-size:16px}.location-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eff6ff;border-radius:8px;color:#3b82f6;font-size:13px;font-weight:600}.location-badge svg{width:16px;height:16px}.sort-options{display:flex;align-items:center;gap:12px}.sort-options label{font-size:14px;color:#6b7280;font-weight:500}.sort-select{padding:8px 14px;border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:14px;font-weight:400;letter-spacing:-.1px;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#0f172a;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px 2px #fffc}.sort-select option{background:#fff;color:#0f172a}.sort-select:focus{outline:none;border-color:#3b82f666;background:#fffffff2;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #2563eb1f,inset 0 1px 2px #ffffffe6;transform:scale(1.01)}.businesses-list{display:flex;flex-direction:column;gap:20px}.business-card{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 8px 24px #2563eb1a,inset 0 1px #ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;gap:0;border:1px solid rgba(59,130,246,.15);position:relative}.business-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#1e40af);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:1}.business-card:hover:before{opacity:1}.business-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000014,0 12px 32px #2563eb26,inset 0 1px #fffffff2;border-color:#3b82f640}.business-card:active{transform:translateY(-2px);transition:all .15s cubic-bezier(.4,0,.2,1)}.business-image{width:280px;height:200px;flex-shrink:0;background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.business-image img{width:100%;height:100%;object-fit:cover}.business-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;color:#ffffffe6;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.business-logo-placeholder.large{font-size:120px}.business-logo-default-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.business-logo-default-card svg{width:100%;height:100%;display:block}.business-logo-default-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.business-logo-default-modal svg{width:100%;height:100%;display:block}.verified-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b9814d,0 2px 8px #0000001a;border:2px solid rgba(16,185,129,.2);z-index:2}.verified-badge svg{width:20px;height:20px;color:#10b981;filter:drop-shadow(0 1px 2px rgba(16,185,129,.3))}.business-content{flex:1;padding:24px 28px;display:flex;flex-direction:column;gap:16px;background:transparent}.business-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px}.favorite-btn{background:#fbbf241a;border:1.5px solid rgba(251,191,36,.2);cursor:pointer;padding:8px;display:flex;transition:all .3s cubic-bezier(.34,1.56,.64,1);align-items:center;justify-content:center;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;border-radius:10px;width:40px;height:40px}.favorite-btn:hover{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2466;transform:scale(1.15) rotate(8deg);box-shadow:0 6px 16px #fbbf244d}.favorite-btn:active{transform:scale(.95) rotate(-5deg)}.favorite-btn.active{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2480;box-shadow:0 4px 12px #fbbf244d;animation:favoritePulse .6s ease-out}@keyframes favoritePulse{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1)}}.favorite-btn svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.favorite-btn:hover svg{transform:scale(1.1)}.business-title-wrapper{display:flex;align-items:flex-start;gap:12px;width:100%;flex:1}.business-card .business-name{font-size:22px;font-weight:700;color:#0f172a!important;margin:0 0 8px;letter-spacing:-.4px;line-height:1.3}.business-rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.star{font-size:18px;line-height:1;filter:drop-shadow(0 1px 2px rgba(251,191,36,.2))}.star.filled{color:#fbbf24;filter:drop-shadow(0 1px 3px rgba(251,191,36,.4))}.star.half{color:#fbbf24;opacity:.6;filter:drop-shadow(0 1px 2px rgba(251,191,36,.3))}.star.empty{color:#e2e8f0;filter:none}.rating-value{font-size:17px;font-weight:800;color:#1e40af!important;opacity:1!important;visibility:visible!important;display:inline-block;line-height:1.5;letter-spacing:-.3px}.business-rating .rating-value{color:#1e40af!important;font-weight:700;font-size:16px}.business-card .rating-value{color:#1e40af!important}.reviews-count{font-size:13px;color:#64748b;font-weight:500;margin-left:4px}.business-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.stat-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.15);border-radius:10px;font-size:13px;color:#0f172a;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a,inset 0 1px #fffc}.stat-item:hover{background:#ffffffe6;border-color:#3b82f640;box-shadow:0 2px 4px #0000000f,0 4px 8px #2563eb14,inset 0 1px #ffffffe6;transform:translateY(-1px)}.stat-item svg{width:16px;height:16px;color:#64748b;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.stat-item:hover svg{color:#3b82f6;transform:scale(1.1)}.business-description{font-size:14px;color:#64748b;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;letter-spacing:-.1px}.business-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:auto;border-top:1px solid rgba(59,130,246,.1);gap:16px}.business-location{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#64748b!important;font-weight:400;letter-spacing:-.1px;line-height:1.6;flex:1;min-width:0}.business-location span{color:#64748b!important;opacity:1!important;visibility:visible!important;word-break:break-word}.business-location svg{width:16px;height:16px;color:#94a3b8;flex-shrink:0;margin-top:2px;transition:all .25s cubic-bezier(.4,0,.2,1)}.business-card:hover .business-location svg{color:#3b82f6;transform:scale(1.1)}.view-business-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3;position:relative;overflow:hidden}.view-business-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.view-business-btn:hover:before{left:100%}.view-business-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 8px #2563eb40,0 8px 16px #2563eb33,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1e40af)}.view-business-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #2563eb33,inset 0 1px 2px #0000001a}.view-business-btn svg{width:18px;height:18px}.no-businesses{background:linear-gradient(135deg,#eff6fff2,#dbeafee6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:80px 40px;text-align:center;box-shadow:0 8px 32px #2563eb33,0 2px 16px #3b82f626;border:2px solid rgba(59,130,246,.25)}.no-businesses svg{width:80px;height:80px;color:#d1d5db;margin-bottom:24px}.no-businesses h3{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.no-businesses p{font-size:16px;color:#6b7280;margin:0}.business-modal{background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 4px 6px #0000000d,0 20px 60px #2563eb26,inset 0 1px #ffffffe6;border:1px solid rgba(59,130,246,.15);position:relative;display:flex;flex-direction:column;transition:max-width .3s cubic-bezier(.4,0,.2,1)}.business-modal.reviews-open{max-width:1200px}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.modal-close:hover{background:#3b82f61a;border-color:#3b82f640;transform:rotate(90deg) scale(1.05);box-shadow:0 2px 4px #00000014,0 4px 8px #2563eb1f,inset 0 1px #ffffffe6}.modal-close:active{transform:rotate(90deg) scale(.95)}.modal-close svg{width:18px;height:18px;color:#64748b;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-close:hover svg{color:#1e40af}.business-modal .modal-header{padding:32px 40px 24px;border-bottom:1px solid rgba(59,130,246,.1);display:flex;gap:24px;align-items:flex-start;background:#fffffff2!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-business-image{width:120px;height:120px;border-radius:20px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 24px #0000001f}.modal-business-image img{width:100%;height:100%;object-fit:cover}.modal-business-info{flex:1}.modal-business-info h2{font-size:28px;font-weight:800;color:#111827;margin:0 0 12px}.modal-rating{display:flex;align-items:center;gap:12px;margin-bottom:12px}.verified-badge-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d1fae5;border-radius:8px;color:#065f46;font-size:13px;font-weight:600}.verified-badge-inline svg{width:16px;height:16px}.modal-content-wrapper{display:flex;flex:1;overflow:hidden;position:relative}.business-modal .modal-content{padding:32px 40px 40px;flex:1;overflow-y:auto;min-width:0;position:relative;pointer-events:auto;background:#fff!important;color:#111827!important}.business-modal .modal-section{margin-bottom:32px;position:relative;z-index:1;pointer-events:auto;background:transparent!important}.business-modal .modal-section .map-btn{position:relative;z-index:10000!important}.business-modal .modal-section:last-child{margin-bottom:0}.business-modal .modal-section h3{font-size:18px;font-weight:700;color:#111827!important;margin:0 0 16px;display:flex;align-items:center;gap:8px}.modal-address{font-size:15px;color:#1e293b!important;line-height:1.6;margin:0 0 8px;font-weight:500;opacity:1!important;visibility:visible!important}.modal-address-details{font-size:14px;color:#475569!important;line-height:1.6;margin:0 0 16px;font-style:italic;opacity:1!important;visibility:visible!important}.map-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#eff6ff;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;margin-top:12px}.map-btn:hover{background:#3b82f6;color:#fff}.map-btn svg{width:18px;height:18px}.services-list{display:flex;flex-direction:column;gap:16px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(59,130,246,.1);gap:20px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:12px}.service-item:hover{background:#fffffff2;border-color:#3b82f633;box-shadow:0 2px 4px #0000000f,0 4px 8px #2563eb14,inset 0 1px #ffffffe6;transform:translateY(-1px)}.service-info{flex:1}.service-info h4{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.service-info p{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.service-meta{display:flex;gap:16px;font-size:13px;color:#6b7280}.service-price{font-size:20px;font-weight:700;color:#1e40af;letter-spacing:-.2px}.book-from-modal-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3}.book-from-modal-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 8px #2563eb40,0 8px 16px #2563eb33,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1e40af)}.book-from-modal-btn:active{transform:translateY(0) scale(.98)}.no-services-text{color:#9ca3af;font-style:italic;margin:0}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:10px;font-size:15px;color:#374151}.contact-item svg{width:20px;height:20px;color:#3b82f6;flex-shrink:0}@media(max-width:1200px){.dashboard-main{padding:24px}.business-card{flex-direction:column}.business-image{width:100%;height:240px}}@media(max-width:768px){.mobile-sidebar-toggle{display:flex}.dashboard-main.has-address-section .mobile-sidebar-toggle{bottom:180px}.mobile-sidebar-overlay{display:block}.mobile-sidebar-close{display:flex}.main-container{flex-direction:column;gap:0}.dashboard-sidebar{position:fixed;left:-100%;top:0;width:85%;max-width:320px;height:100vh;max-height:100vh;z-index:99;border-radius:0 20px 20px 0;border-left:none;border-top:none;border-bottom:none;box-shadow:4px 0 24px #00000026;transition:left .3s cubic-bezier(.4,0,.2,1);padding:0;order:2;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto}.dashboard-sidebar.mobile-open{top:80px;height:calc(100vh - 80px);left:0;padding-top:0}.dashboard-sidebar.mobile-open .sidebar-section:first-child{margin-top:0;padding-top:20px!important;padding-left:24px;padding-right:24px}.dashboard-sidebar .sidebar-section:first-child .sidebar-title{margin-top:0!important;padding-top:0!important;position:relative;z-index:1}.dashboard-sidebar .sidebar-section{padding:0 24px}.dashboard-sidebar .sidebar-section:last-child{padding-bottom:24px;margin-bottom:0}.dashboard-sidebar.mobile-open{left:0}.dashboard-sidebar .mobile-sidebar-close{position:absolute;top:105px;right:20px;z-index:102;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026}.dashboard-sidebar{scroll-behavior:smooth}.dashboard-content{width:100%;order:1;padding:0}.header-container{flex-wrap:wrap;padding:16px 20px;gap:16px}.search-container{order:3;width:100%;max-width:none}.address-input-group{flex-direction:column;align-items:stretch}.address-input{width:100%;min-width:auto}.sort-bar{flex-direction:column;gap:16px;align-items:flex-start}.business-content{padding:20px}.business-header{flex-direction:column;gap:16px}.business-footer{flex-direction:column;gap:12px;align-items:flex-start}.view-business-btn{width:100%;justify-content:center}.business-modal .modal-header{flex-direction:column;padding:32px 24px 24px}.business-modal .modal-content{padding:24px;background:#fff!important}.service-item{flex-direction:column;align-items:stretch}.book-from-modal-btn{width:100%}}.status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);z-index:10;box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px}.status-badge.open{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff}.status-badge.closed{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.open{background:#10b981}.status-dot.closed{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.business-info-group{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.business-hours{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.business-hours svg{width:16px;height:16px;color:#3b82f6}.modal-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-top:12px}.modal-status-badge.open{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-status-badge.closed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.working-hours-list{display:flex;flex-direction:column;gap:8px}.working-hour-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.working-hour-item .day-name{font-weight:600;color:#1e293b;font-size:14px}.working-hour-item .day-hours{font-size:14px;color:#64748b;font-weight:500}.review-item{padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.review-customer{font-weight:600;color:#111827;font-size:14px}.review-date{font-size:12px;color:#9ca3af;margin-left:auto}.review-comment{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 12px}.review-photo{margin-top:12px}.review-photo img{max-width:100%;max-height:300px;border-radius:8px;object-fit:cover}.no-reviews-text{color:#9ca3af;font-style:italic;margin:0;padding:20px;text-align:center}.reviews-toggle-btn{position:absolute;top:32px;right:40px;display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3;z-index:20;white-space:nowrap}.reviews-toggle-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 8px #2563eb40,0 8px 16px #2563eb33,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1e40af)}.reviews-toggle-btn:active{transform:translateY(0) scale(.98)}.reviews-toggle-btn svg{width:20px;height:20px;flex-shrink:0}.reviews-btn-text{font-weight:600}.business-modal.reviews-open .reviews-toggle-btn{display:none}.modal-sidebar{width:0;background:#f8fafcf2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-left:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),border-left .3s cubic-bezier(.4,0,.2,1)}.modal-sidebar.active{width:400px;border-left:1px solid rgba(59,130,246,.15);box-shadow:-4px 0 12px #0000000d,inset 1px 0 #ffffffe6}.reviews-toggle-btn svg{width:24px;height:24px}.reviews-count-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.reviews-panel{position:absolute;inset:0;background:transparent;display:flex;flex-direction:column;padding:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-sidebar.active .reviews-panel{opacity:1;pointer-events:auto}.reviews-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(59,130,246,.1);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffffe6}.reviews-panel-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.2px}.close-reviews-btn{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.15);padding:8px;cursor:pointer;color:#64748b;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.close-reviews-btn:hover{background:#3b82f61a;border-color:#3b82f640;color:#1e40af;transform:scale(1.05);box-shadow:0 2px 4px #00000014,0 2px 8px #2563eb1f,inset 0 1px #ffffffe6}.close-reviews-btn:active{transform:scale(.95)}.close-reviews-btn svg{width:20px;height:20px}.reviews-panel-content{flex:1;overflow-y:auto;padding:24px}.reviews-panel-content .reviews-list{gap:16px}.reviews-panel-content .review-item{padding:16px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(59,130,246,.1);margin-bottom:16px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;transition:all .25s cubic-bezier(.4,0,.2,1)}.reviews-panel-content .review-item:hover{background:#fffffff2;border-color:#3b82f633;box-shadow:0 2px 4px #0000000f,0 4px 8px #2563eb14,inset 0 1px #ffffffe6;transform:translateY(-1px)}.reviews-panel-content .review-item:last-child{margin-bottom:0}.reviews-panel-content .no-reviews-text{padding:40px 20px;text-align:center;color:#9ca3af;font-style:italic}@media(max-width:768px){.business-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-content-wrapper{flex-direction:column}.modal-sidebar{width:100%;border-left:none;border-top:1px solid #e5e7eb;padding:12px;flex-direction:row;justify-content:center}.modal-sidebar.active{width:100%;height:60vh;position:fixed;bottom:0;left:0;right:0;z-index:1000;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #0000001a}.reviews-toggle-btn{flex-direction:row;padding:12px 20px}.reviews-panel{position:relative}}.business-modal{background:#fff!important}.business-modal .modal-content{background:#fff!important;color:#111827!important}.business-modal .modal-header{background:#fff!important;color:#111827!important;border-bottom-color:#f3f4f6!important}.business-modal .modal-section{background:transparent!important}.business-modal .modal-section h3{color:#111827!important;background:transparent!important}.business-modal .modal-address{color:#1e293b!important;background:transparent!important}.business-modal .modal-address-details{color:#475569!important;background:#f8f9fa!important}.business-modal .contact-item{background:#f9fafb!important;color:#374151!important}.business-modal .service-item{background:#f9fafb!important}.business-modal .service-info h4{color:#111827!important}.business-modal .service-info p{color:#6b7280!important}.business-modal .working-hour-item{background:#f8fafc!important}.business-modal .working-hour-item .day-name{color:#1e293b!important}.business-modal .working-hour-item .day-hours{color:#64748b!important}.business-modal .modal-business-info h2{color:#111827!important}.packages-list-customer{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:16px}.package-card-customer{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d,0 8px 24px #2563eb1a,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.package-card-customer:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000014,0 12px 32px #2563eb26,inset 0 1px #fffffff2;border-color:#3b82f64d}.package-card-header-customer{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.package-card-header-customer h4{font-size:18px;font-weight:700;color:#1e293b;margin:0;flex:1}.featured-badge-customer{padding:4px 10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.package-description-customer{margin:0 0 16px;font-size:14px;color:#64748b;line-height:1.5}.package-services-customer{margin-bottom:16px}.package-services-customer strong{display:block;font-size:14px;color:#1e293b;margin-bottom:8px}.services-list-customer{display:flex;flex-wrap:wrap;gap:6px}.service-tag-customer{display:inline-block;padding:4px 10px;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:12px;font-weight:500}.package-pricing-customer{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;margin-bottom:20px;border:1px solid rgba(59,130,246,.1);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.price-row-customer,.discount-row-customer,.final-price-row-customer,.savings-row-customer{display:flex;justify-content:space-between;align-items:center}.price-label-customer,.discount-label-customer,.savings-label-customer{font-size:14px;color:#64748b}.original-price-customer{font-size:15px;color:#94a3b8;text-decoration:line-through;font-weight:500}.discount-badge-customer{padding:4px 10px;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:13px;font-weight:600}.final-price-customer{font-size:28px;font-weight:800;color:#1e40af;letter-spacing:-.5px;line-height:1.2}.savings-amount-customer{font-size:15px;font-weight:700;color:#059669;letter-spacing:-.1px}.book-package-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:700;letter-spacing:-.1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2563eb33,0 4px 12px #2563eb26,inset 0 1px #fff3;position:relative;overflow:hidden}.book-package-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 8px #2563eb40,0 8px 20px #2563eb33,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#2563eb,#1e40af)}.book-package-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #2563eb33,inset 0 1px 2px #0000001a}@media(max-width:768px){.packages-list-customer{grid-template-columns:1fr}.package-card-customer{padding:16px}}.services-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.services-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.services-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.services-main{padding:40px 24px}.services-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.services-hero{text-align:center;padding:40px 20px}.filters-section{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6);display:flex;flex-direction:column;gap:24px}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-label{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.filter-pills{display:flex;flex-wrap:wrap;gap:10px}.filter-pill{padding:10px 20px;background:#f8fafc;border:1.5px solid rgba(226,232,240,1);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{background:#eff6ff;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-2px)}.filter-pill.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f640}.filter-pill.active:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3b82f659}.list-header{display:flex;align-items:center;gap:12px}.list-header h2{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#1e293b;margin:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}.service-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #00000005,0 8px 24px #0000000a;border:1px solid rgba(226,232,240,.6);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.service-card:hover{box-shadow:0 12px 32px #3b82f61f,0 24px 48px #00000014;transform:translateY(-8px);border-color:#3b82f633}.service-image{height:240px;background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb 80%,#1d4ed8),radial-gradient(circle at 30% 40%,rgba(255,255,255,.25) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.2) 0%,transparent 50%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.service-image:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.1) 3px,transparent 3px);background-size:40px 40px,60px 60px;background-position:0 0,30px 30px;animation:droplets 20s linear infinite}@keyframes droplets{0%{background-position:0 0,30px 30px}to{background-position:40px 40px,70px 70px}}.service-image:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease}.service-card:hover .service-image:after{transform:translate(100%)}.image-overlay{width:100px;height:100px;opacity:.25;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.service-card:hover .image-overlay{opacity:.45;transform:scale(1.15) rotate(-8deg)}.image-overlay svg{width:100%;height:100%;color:#fff}.service-badge{position:absolute;top:16px;right:16px;padding:8px 16px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.category-tag{position:absolute;bottom:16px;left:16px;padding:6px 14px;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff}.service-content{padding:24px}.service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.service-header h3{font-family:Inter,sans-serif;font-size:22px;font-weight:700;color:#0f172a;margin:0;flex:1;line-height:1.3}.vehicle-type-badge{padding:4px 10px;background:#3b82f614;border-radius:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#3b82f6;text-transform:uppercase;white-space:nowrap}.service-description{font-family:Inter,sans-serif;font-size:15px;color:#64748b;line-height:1.7;margin:0 0 20px}.service-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;color:#64748b;font-weight:500}.meta-item svg{width:18px;height:18px;color:#94a3b8}.price-tag{font-family:Inter,sans-serif;font-size:32px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.book-service-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3b82f640,0 1px 3px #00000014;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.book-service-btn svg{width:20px;height:20px}.book-service-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.book-service-btn:hover:before{width:400px;height:400px}.book-service-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #3b82f659,0 16px 40px #2563eb33}.book-service-btn:active{transform:translateY(-1px) scale(.98)}.no-services{background:#fff;border-radius:20px;padding:80px 40px;text-align:center;border:2px dashed rgba(226,232,240,1)}.no-services svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:20px}.no-services h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#475569;margin:0 0 8px}.no-services p{font-family:Inter,sans-serif;font-size:14px;color:#94a3b8;margin:0}@media(max-width:768px){.hero-title{font-size:36px}.filters-section{padding:20px}.services-grid{grid-template-columns:1fr}.filter-pills{flex-direction:column}.filter-pill{width:100%}}.my-bookings-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.bookings-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.bookings-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.logo-text{font-family:Inter,sans-serif;font-size:20px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn:hover{background:#3b82f61f;border-color:#3b82f6;transform:translate(-4px)}.bookings-main{padding:40px 24px}.bookings-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.bookings-hero{text-align:center;padding:40px 20px}.hero-title{font-family:Inter,sans-serif;font-size:48px;font-weight:900;background:linear-gradient(135deg,#0f172a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-1.5px}.filters-bar{display:flex;gap:12px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6)}.filter-tab{flex:1;padding:14px 24px;background:transparent;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.filter-tab:hover{background:#f8fafc;color:#3b82f6}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#3b82f626;border-radius:8px;font-size:12px;font-weight:800}.filter-tab.active .tab-count{background:#ffffff40}.empty-bookings{background:#fff;border-radius:20px;padding:80px 40px;text-align:center;border:2px dashed rgba(226,232,240,1)}.empty-bookings svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:20px}.empty-bookings h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#475569;margin:0 0 8px}.empty-bookings p{font-family:Inter,sans-serif;font-size:14px;color:#94a3b8;margin:0 0 24px}.create-booking-btn{padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f640}.create-booking-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f659}.bookings-grid{display:flex;flex-direction:column;gap:20px}.booking-card-detail{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.booking-card-detail:hover{box-shadow:0 8px 24px #3b82f61a;transform:translateY(-2px)}.booking-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1.5px solid rgba(226,232,240,.8)}.booking-date-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;padding:16px;text-align:center;min-width:80px;color:#fff;box-shadow:0 4px 16px #3b82f640}.date-day{font-size:32px;font-weight:900;line-height:1}.date-month{font-size:12px;text-transform:uppercase;margin-top:4px;opacity:.9;font-weight:600}.date-year{font-size:11px;margin-top:2px;opacity:.7}.booking-main-info{flex:1}.booking-main-info h3{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.booking-time{display:flex;align-items:center;gap:6px;font-size:15px;color:#64748b;font-weight:600}.booking-time svg{width:16px;height:16px}.status-badge{padding:8px 16px;border-radius:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #fbbf2433}.status-badge.confirmed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b98133}.status-badge.in_progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #3b82f633}.status-badge.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b98133}.status-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef444433}.booking-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:14px}.detail-label{color:#64748b;font-weight:600}.detail-value{color:#1e293b;font-weight:600;text-align:right}.detail-value.price{font-size:20px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.booking-actions{margin-top:20px;padding-top:20px;border-top:1.5px solid rgba(226,232,240,.8);display:flex;gap:12px}.cancel-booking-btn{padding:12px 24px;background:#fee2e280;border:1.5px solid rgba(252,165,165,.5);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#dc2626;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-booking-btn svg{width:18px;height:18px}.cancel-booking-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #dc262626}.review-booking-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.review-booking-btn svg{width:18px;height:18px}.review-booking-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.rebook-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.rebook-btn svg{width:18px;height:18px}.rebook-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.payment-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b9814d}.payment-btn svg{width:18px;height:18px}.payment-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.payment-status-badge{padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.payment-status-badge.paid{background:#22c55e1a;border:1.5px solid rgba(34,197,94,.3);color:#16a34a}.payment-status-badge.failed{background:#ef44441a;border:1.5px solid rgba(239,68,68,.3);color:#dc2626}.payment-status-badge.pending{background:#fbbf241a;border:1.5px solid rgba(251,191,36,.3);color:#d97706}.payment-status-badge svg{width:18px;height:18px}.reviewed-badge{padding:12px 24px;background:#22c55e1a;border:1.5px solid rgba(34,197,94,.3);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#16a34a;display:flex;align-items:center;gap:8px}.reviewed-badge svg{width:18px;height:18px;fill:#16a34a}.confirm-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;overflow:hidden;animation:modalSlideIn .3s ease-out}.confirm-modal-header{padding:24px;text-align:center;border-bottom:1px solid #e2e8f0}.confirm-icon{width:64px;height:64px;color:#ef4444;margin:0 auto 16px}.confirm-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1e293b}.confirm-modal-content{padding:24px;text-align:center}.confirm-modal-content p{margin:0 0 12px;font-size:16px;color:#475569;line-height:1.6}.confirm-warning{color:#ef4444!important;font-weight:600;font-size:14px!important}.confirm-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-cancel-btn,.confirm-submit-btn{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.confirm-cancel-btn{background:#f1f5f9;color:#475569}.confirm-cancel-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.confirm-submit-btn{background:#ef4444;color:#fff}.confirm-submit-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-cancel-btn:disabled,.confirm-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.review-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.review-modal .modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.review-modal .modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1e293b}.modal-close{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.review-modal-content{padding:24px}.review-booking-info{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.review-booking-info h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#1e293b}.review-booking-info p{margin:0;color:#64748b;font-size:14px}.review-form .form-group{margin-bottom:24px}.review-form label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px}.rating-selector{display:flex;gap:8px;margin-bottom:8px}.rating-star{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.rating-star svg{width:40px;height:40px}.rating-star:hover{transform:scale(1.1)}.rating-text{color:#64748b;font-size:14px;margin:0}.review-form textarea{width:100%;padding:12px;border:1.5px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;resize:vertical;transition:all .2s ease}.review-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.review-form input[type=file]{width:100%;padding:12px;border:1.5px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:14px}.review-form small{display:block;margin-top:4px;color:#64748b;font-size:12px}.photo-preview{margin-top:12px;position:relative;display:inline-block}.photo-preview img{max-width:200px;max-height:200px;border-radius:12px;border:1px solid #e2e8f0}.photo-preview button{position:absolute;top:8px;right:8px;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.photo-preview button:hover{background:#dc2626;transform:scale(1.1)}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.cancel-btn{flex:1;padding:14px 24px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e2e8f0;color:#1e293b}.submit-btn{flex:1;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.hero-title{font-size:36px}.filters-bar{flex-direction:column}.booking-header{flex-wrap:wrap}.booking-date-badge{min-width:70px}}.package-info-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-radius:8px;border-left:3px solid #fbbf24;margin-bottom:8px}.package-info-row .detail-label{font-size:13px;color:#92400e;font-weight:700}.package-info-row .detail-value{text-align:left;width:100%}.package-info-row .detail-value strong{color:#92400e;font-size:15px}.package-services-detail{margin-top:8px;display:flex;flex-direction:column;gap:6px}.package-services-label{font-size:12px;color:#78716c;font-weight:600}.package-services-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.package-service-tag{display:inline-block;background:#3b82f61a;color:#1e40af;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.package-badge-header{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.searchable-select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#94a3b826;border:1.5px solid rgba(148,163,184,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:48px}.select-trigger:hover:not(.disabled){border-color:#3b82f680;background:#94a3b833}.select-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-trigger.disabled{opacity:.5;cursor:not-allowed}.select-trigger .placeholder{color:#94a3b8}.select-trigger .arrow{width:20px;height:20px;color:#64748b;transition:transform .3s ease;flex-shrink:0}.select-trigger .arrow.open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.search-input-wrapper{position:relative;padding:12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#64748b;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease}.options-list{overflow-y:auto;max-height:240px;padding:4px}.option-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;border-radius:8px;color:#1e293b;font-size:14px}.option-item:hover{background:#f1f5f9}.option-item.selected{background:#3b82f61a;color:#3b82f6;font-weight:600}.option-item.loading,.option-item.no-results{color:#64748b;font-style:italic;cursor:default}.option-item.loading:hover,.option-item.no-results:hover{background:transparent}.check-icon{width:18px;height:18px;color:#3b82f6;flex-shrink:0}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vehicles-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.vehicle-select{width:100%}.vehicles-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.vehicles-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.vehicles-main{padding:40px 24px}.vehicles-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.vehicles-hero{text-align:center;padding:40px 20px}.vehicles-actions{display:flex;justify-content:flex-end}.add-vehicle-btn{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #3b82f640}.add-vehicle-btn svg{width:20px;height:20px}.add-vehicle-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f659}.empty-vehicles{background:#fff;border-radius:20px;padding:80px 40px;text-align:center;border:2px dashed #e2e8f0}.empty-vehicles svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:20px}.empty-vehicles h3{font-size:20px;font-weight:600;color:#475569;margin:0 0 8px}.empty-vehicles p{font-size:14px;color:#94a3b8}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px}.vehicle-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:32px;box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f;border:2px solid rgba(226,232,240,.8);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;display:flex;gap:24px;align-items:center;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);opacity:0;transition:opacity .3s ease}.vehicle-card:hover{box-shadow:0 4px 12px #3b82f61f,0 12px 32px #3b82f614;transform:translateY(-6px);border-color:#3b82f666}.vehicle-card:hover:before{opacity:1}.vehicle-card.default{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60a,#fff);box-shadow:0 4px 16px #3b82f61f,0 8px 24px #3b82f614}.vehicle-card.default:before{opacity:1}.default-badge{position:absolute;top:16px;right:16px;padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f64d}.vehicle-icon{width:96px;height:96px;background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-radius:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #3b82f626,inset 0 1px #ffffff80;border:2.5px solid rgba(59,130,246,.2);transition:all .3s ease}.vehicle-card:hover .vehicle-icon{transform:scale(1.05);box-shadow:0 6px 16px #3b82f626;border-color:#3b82f640}.vehicle-icon svg{width:48px;height:48px;color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.vehicle-info{flex:1}.vehicle-plate{font-family:Inter,sans-serif;font-size:26px;font-weight:900;color:#0f172a;margin:0 0 6px;letter-spacing:1.2px;line-height:1.2}.vehicle-model{font-family:Inter,sans-serif;font-size:17px;font-weight:700;color:#3b82f6;margin:0 0 10px;line-height:1.3}.vehicle-details{display:flex;align-items:center;gap:10px;font-size:14px;color:#64748b;font-weight:600;flex-wrap:wrap}.vehicle-details span:not(:first-child){color:#cbd5e1}.vehicle-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0}.set-default-btn,.delete-btn{padding:10px 18px;border:none;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px #00000014}.set-default-btn{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#2563eb;border:2px solid rgba(59,130,246,.25);font-weight:800;letter-spacing:.3px}.set-default-btn svg{width:16px;height:16px;stroke-width:2.5}.set-default-btn:hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f659;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.set-default-btn:active{transform:translateY(0)}.delete-btn{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#b91c1c;border:2px solid rgba(239,68,68,.25);padding:12px;min-width:48px;justify-content:center}.delete-btn svg{width:18px;height:18px;stroke-width:2.5}.delete-btn:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444459;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.delete-btn:active{transform:translateY(0)}.vehicles-page .modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative;animation:modalSlideIn .3s ease;border:1px solid rgba(59,130,246,.3)}.vehicles-page .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:32px;text-align:center;color:#fff;border-radius:24px 24px 0 0;position:relative}.vehicles-page .modal-header h2{font-size:24px;font-weight:800;margin:0;color:#fff}.vehicles-page .vehicle-form{padding:32px;display:flex;flex-direction:column;gap:20px;background:transparent}.vehicles-page .form-group{display:flex;flex-direction:column;gap:8px}.vehicles-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vehicles-page .form-group label{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#fff!important;text-transform:uppercase;letter-spacing:.3px;opacity:1!important;visibility:visible!important}.vehicles-page .form-input{padding:14px 16px;background:#94a3b826!important;border:1.5px solid rgba(148,163,184,.3)!important;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#fff!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff!important;transition:all .3s ease;opacity:1!important;visibility:visible!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicles-page .form-input:-webkit-autofill,.vehicles-page .form-input:-webkit-autofill:hover,.vehicles-page .form-input:-webkit-autofill:focus,.vehicles-page .form-input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px rgba(148,163,184,.15) inset!important;box-shadow:0 0 0 1000px #94a3b826 inset!important;color:#fff!important;background-color:#94a3b826!important}.vehicles-page .form-input::placeholder{color:#cbd5e199!important;opacity:1!important;-webkit-text-fill-color:rgba(203,213,225,.6)!important}.vehicles-page .form-input:focus{outline:none;background:#94a3b840!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 8px 20px #3b82f64d;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.vehicles-page .form-input:focus:-webkit-autofill{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px rgba(148,163,184,.25) inset,0 0 0 4px rgba(59,130,246,.2),0 8px 20px rgba(59,130,246,.3)!important;box-shadow:0 0 0 1000px #94a3b840 inset,0 0 0 4px #3b82f633,0 8px 20px #3b82f64d!important;background-color:#94a3b840!important}.vehicles-page .form-input:hover{border-color:#94a3b880!important;background:#94a3b833!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.vehicles-page .form-input:-internal-input-selected{background-color:#94a3b826!important;color:#fff!important}.vehicles-page select.form-input{cursor:pointer;background:#94a3b826!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.vehicles-page select.form-input:focus{background:#94a3b840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 14px center!important;border-color:#3b82f6!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.vehicles-page select.form-input option{background:#1e293b!important;color:#fff!important;padding:10px}.vehicles-page select.form-input option:checked{background:#3b82f6!important;color:#fff!important}.vehicles-page textarea.form-input{resize:vertical;min-height:80px;font-family:Inter,sans-serif;line-height:1.5;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.vehicles-page textarea.form-input::placeholder{color:#cbd5e199!important;opacity:1!important;-webkit-text-fill-color:rgba(203,213,225,.6)!important}.vehicles-page textarea.form-input:focus{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.vehicles-page .modal-actions{display:flex;gap:12px;margin-top:8px}.vehicles-page .cancel-btn,.vehicles-page .submit-btn{flex:1;padding:14px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.vehicles-page .cancel-btn{background:#ffffff1a;color:#cbd5e1;border:1.5px solid rgba(255,255,255,.2)}.vehicles-page .cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.vehicles-page .submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.vehicles-page .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.vehicles-page .modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.vehicles-page .modal-close svg{width:20px;height:20px;color:#fff}.vehicles-page .modal-close:hover{background:#ffffff40;border-color:#ffffff4d;transform:rotate(90deg)}.confirm-modal{background:#fff;border-radius:24px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:modalSlideIn .3s ease}.confirm-modal-header{padding:32px 32px 20px;text-align:center;background:linear-gradient(135deg,#ef44441a,#dc26260d)}.confirm-modal-header svg{width:56px;height:56px;color:#dc2626;margin-bottom:16px}.confirm-modal-header h3{font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:#0f172a;margin:0}.confirm-modal-body{padding:24px 32px;text-align:center}.confirm-modal-body p{font-family:Inter,sans-serif;font-size:15px;color:#64748b;line-height:1.6;margin:0}.confirm-modal-actions{padding:20px 32px 32px;display:flex;gap:12px}.confirm-cancel-btn,.confirm-delete-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-cancel-btn{background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0}.confirm-cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.confirm-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.confirm-delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.confirm-delete-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@media(max-width:768px){.vehicles-grid{grid-template-columns:1fr;gap:20px}.vehicle-card{flex-direction:column;text-align:center;padding:24px}.vehicle-actions{width:100%;flex-direction:row;justify-content:center}.form-row{grid-template-columns:1fr}.confirm-modal{max-width:90%;margin:20px}.confirm-modal-header,.confirm-modal-body,.confirm-modal-actions{padding-left:24px;padding-right:24px}}.field-error{margin-top:4px;color:#dc2626;font-size:12px;font-weight:500}.field-hint{margin-top:4px;color:#64748b;font-size:11px;font-style:italic}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.phone-verification-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone-verification-modal{background:#fff;border-radius:20px;padding:0;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.phone-verification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px 20px 0 0}.phone-verification-modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:700}.modal-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff4d}.phone-verification-modal-content{padding:30px}.phone-info{display:flex;align-items:center;gap:12px;padding:16px;background:#f1f5f9;border-radius:12px;margin-bottom:24px}.phone-info svg{width:24px;height:24px;color:#3b82f6;flex-shrink:0}.phone-info p{margin:0;color:#475569;font-size:14px;line-height:1.5}.phone-info strong{color:#0f172a;font-weight:600}.verification-form{margin-bottom:24px}.code-input-group{margin-bottom:20px}.code-input-group label{display:block;margin-bottom:8px;color:#0f172a;font-weight:600;font-size:14px}.code-input{width:100%;padding:16px;font-size:32px;font-weight:700;text-align:center;letter-spacing:8px;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease;font-family:Courier New,monospace;color:#0f172a}.code-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.code-input::placeholder{color:#cbd5e1;letter-spacing:8px}.error-message{margin-top:8px;color:#dc2626;font-size:13px;font-weight:500}.verification-actions{display:flex;gap:12px;flex-direction:column}.resend-btn{padding:12px 24px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.resend-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.verify-btn{padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.verification-info{padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6}.verification-info p{margin:4px 0;color:#64748b;font-size:13px;line-height:1.6}@media(max-width:640px){.phone-verification-modal{width:95%;margin:20px}.phone-verification-modal-header{padding:20px}.phone-verification-modal-header h2{font-size:20px}.phone-verification-modal-content{padding:20px}.code-input{font-size:28px;letter-spacing:6px}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.profile-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.profile-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.back-btn{padding:10px 20px;background:#3b82f60f;border:1.5px solid rgba(59,130,246,.15);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-btn svg{width:20px;height:20px}.back-btn:hover{background:#3b82f61f;transform:translate(-4px)}.profile-main{padding:40px 24px}.profile-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.profile-hero{text-align:center;padding:40px 20px}.hero-title{font-family:Inter,sans-serif;font-size:48px;font-weight:900;background:linear-gradient(135deg,#0f172a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;letter-spacing:-1.5px}.hero-subtitle{font-family:Inter,sans-serif;font-size:18px;color:#64748b;font-weight:500}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-card,.stats-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6)}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 12px 32px #3b82f64d}.profile-avatar span{font-size:48px;font-weight:900;color:#fff}.business-logo-upload{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.business-logo-preview{width:120px;height:120px;border-radius:24px;object-fit:cover;box-shadow:0 12px 32px #3b82f64d;border:3px solid rgba(59,130,246,.2)}.business-logo-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #3b82f64d}.business-logo-placeholder span{font-size:48px;font-weight:900;color:#fff}.business-logo-default{width:120px;height:120px;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #3b82f64d;border:3px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;background:#fff}.business-logo-default svg{width:100%;height:100%;display:block}.logo-upload-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f640}.logo-upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.logo-upload-btn:disabled{opacity:.6;cursor:not-allowed}.business-name{font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:#0f172a;margin:0;text-align:center}.business-description-card{margin-top:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.card-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.edit-btn.small{padding:8px 16px;font-size:14px;background:#f1f5f9;color:#3b82f6;border:1px solid #e2e8f0}.edit-btn.small:hover{background:#e2e8f0;border-color:#3b82f6}.description-content{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.description-text{font-size:15px;line-height:1.6;color:#475569;margin:0;white-space:pre-wrap}.description-empty{font-size:14px;color:#94a3b8;font-style:italic;margin:0}.description-form{display:flex;flex-direction:column;gap:12px}.description-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:Inter,sans-serif;color:#1e293b;resize:vertical;min-height:120px;transition:all .2s;background:#fff}.description-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.char-count{font-size:12px;color:#94a3b8;text-align:right;margin-top:-8px}.profile-info{text-align:center;margin-bottom:24px}.profile-info h2{font-family:Inter,sans-serif;font-size:28px;font-weight:800;color:#0f172a;margin:0 0 8px}.profile-email,.profile-phone{font-size:15px;color:#64748b;margin:0 0 8px;font-weight:500}.profile-phone{margin-bottom:16px}.profile-badge{font-family:Inter,sans-serif;font-size:28px;font-weight:900;background:linear-gradient(135deg,#0f172a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;letter-spacing:-.5px}.edit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #3b82f640}.edit-btn svg{width:20px;height:20px}.edit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3b82f659}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:13px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.3px}.form-group small{font-size:12px;color:#94a3b8}.form-input{padding:12px 16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;color:#1e293b;transition:all .3s ease}.form-input:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:12px;margin-top:8px}.cancel-btn,.save-btn{flex:1;padding:12px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.stats-card h3{font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:#0f172a;margin:0 0 24px}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-row{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#3b82f608,#fff);border-radius:14px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.stat-row:hover{background:#eff6ff;border-color:#3b82f64d;transform:translate(4px)}.stat-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;flex-shrink:0}.stat-info{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#64748b;font-weight:600}.stat-value{font-size:24px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.revenue-filter-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#3b82f60d,#fff);border-radius:14px;border:1px solid rgba(226,232,240,.8)}.revenue-filter-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px}.revenue-filter-form{display:flex;flex-direction:column;gap:16px}.revenue-filter-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.revenue-filter-group{display:flex;flex-direction:column;gap:8px}.revenue-filter-group label{font-size:13px;font-weight:600;color:#475569}.revenue-filter-input{padding:10px 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:#1e293b;transition:all .3s ease}.revenue-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.revenue-filter-actions{display:flex;gap:10px}.revenue-filter-btn{flex:1;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f640}.revenue-filter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.revenue-filter-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.revenue-filter-clear-btn{padding:12px 20px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.revenue-filter-clear-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.revenue-filter-result{padding:14px;background:#3b82f614;border-radius:10px;border:1px solid rgba(59,130,246,.2);font-size:15px;color:#1e293b;text-align:center}.revenue-filter-result strong{color:#3b82f6;font-weight:700}@media(max-width:768px){.profile-grid,.revenue-filter-inputs{grid-template-columns:1fr}.revenue-filter-actions{flex-direction:column}}.address-card{margin-bottom:24px}.address-content{padding:20px 0}.address-info{display:flex;flex-direction:column;gap:16px}.address-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:linear-gradient(135deg,#3b82f608,#fff);border-radius:10px;border:1px solid rgba(226,232,240,.8)}.address-label{font-weight:700;color:#475569;min-width:100px;font-size:14px}.address-value{color:#1e293b;font-size:15px;flex:1}.address-note{margin-top:16px;padding:16px;background:linear-gradient(135deg,#3b82f60d,#fff);border-radius:10px;border:1px solid rgba(59,130,246,.1)}.address-note p{margin:0;font-size:14px;color:#475569;line-height:1.6}.address-empty{text-align:center;padding:40px 20px;color:#64748b}.address-empty p{margin:8px 0;font-size:15px}.address-note-text{font-size:14px!important;color:#94a3b8!important;margin-top:8px!important}.address-form{display:flex;flex-direction:column;gap:20px;padding:20px 0}.address-form .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.empty-favorites{text-align:center;padding:40px 20px;color:#64748b}.favorites-list{display:flex;flex-direction:column;gap:12px}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.favorite-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.favorite-business-info{display:flex;align-items:center;gap:16px;flex:1;cursor:pointer}.favorite-business-logo{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.favorite-business-logo-placeholder{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border:2px solid #e2e8f0}.favorite-business-details{flex:1}.favorite-business-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}.favorite-business-location{margin:0 0 6px;font-size:14px;color:#64748b}.favorite-business-rating{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.favorite-business-bookings{color:#94a3b8;font-size:13px}.remove-favorite-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#fbbf24;border-radius:8px;transition:all .2s ease;flex-shrink:0}.remove-favorite-btn:hover{background:#fef3c7;transform:scale(1.1)}.remove-favorite-btn svg{width:20px;height:20px}.package-badge-small{display:inline-block;background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;margin-right:4px}@media(max-width:768px){.booking-item{flex-direction:column;align-items:flex-start}.item-status{width:100%;flex-direction:row;justify-content:space-between}}.logo-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.logo-remove-btn{padding:10px 20px;background:#ef4444;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef444440}.logo-remove-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.logo-remove-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-info{margin-top:8px;text-align:center}.logo-upload-info small{color:#64748b;font-size:12px}.change-email-btn{margin-top:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.change-email-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.email-change-actions{display:flex;gap:8px;margin-top:8px}.cancel-email-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-email-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.verify-email-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.verify-email-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.verify-email-btn:disabled{opacity:.5;cursor:not-allowed}.campaigns-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.campaigns-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.badge-svg{width:100%;height:100%}.logo-text{font-size:20px;font-weight:700;color:#1e293b}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e2e8f0;color:#334155}.back-btn svg{width:18px;height:18px}.campaigns-main{max-width:1200px;margin:0 auto;padding:40px 24px}.campaigns-container{width:100%}.campaigns-header-section{text-align:center;margin-bottom:40px}.campaigns-title{font-size:36px;font-weight:800;color:#1e293b;margin:0 0 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.campaigns-subtitle{font-size:18px;color:#64748b;margin:0}.no-campaigns{text-align:center;padding:80px 20px;background:#fff;border-radius:24px;box-shadow:0 4px 16px #0000000a}.no-campaigns h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.no-campaigns p{font-size:16px;color:#64748b;margin:0}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.campaign-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;position:relative}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:#3b82f6}.campaign-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;z-index:10;box-shadow:0 4px 12px #ef44444d}.campaign-content{padding:24px;flex:1}.campaign-business{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.campaign-business-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.campaign-business-logo-placeholder{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;border:2px solid #e2e8f0}.campaign-business-info{flex:1}.campaign-business-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}.campaign-business-location{margin:0;font-size:13px;color:#64748b}.campaign-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.3}.campaign-description{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 16px}.campaign-services{margin-bottom:16px}.campaign-services-list{display:flex;flex-wrap:wrap;gap:8px}.campaign-service-tag{display:inline-block;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:12px;font-weight:500;color:#475569;border:1px solid #e2e8f0}.campaign-service-tag.all-services{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.campaign-service-tag.more{background:#e2e8f0;color:#64748b}.campaign-dates{margin-bottom:12px}.campaign-date-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.campaign-stats{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e2e8f0}.campaign-stat-item{font-size:13px;color:#64748b}.campaign-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.campaign-action-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.campaign-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media(max-width:768px){.campaigns-grid{grid-template-columns:1fr}.campaigns-title{font-size:28px}.campaigns-subtitle{font-size:16px}}.business-ai-assistant-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.business-ai-assistant-container{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.business-ai-assistant-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.assistant-header-content{display:flex;align-items:center;gap:16px}.assistant-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assistant-header-content h3{margin:0;font-size:20px;font-weight:700}.assistant-header-content p{margin:4px 0 0;font-size:13px;opacity:.9}.assistant-close-btn{background:#fff3;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.assistant-close-btn:hover{background:#ffffff4d}.business-ai-assistant-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.message{display:flex;gap:12px;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:75%;padding:12px 16px;border-radius:16px;line-height:1.6;font-size:14px}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.business-ai-quick-actions{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0}.quick-actions-label{margin:0 0 12px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;font-size:12px}.quick-action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-icon{font-size:20px}.quick-action-label{font-weight:600;color:#1e293b}.business-ai-assistant-input{padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 20px 20px;display:flex;gap:12px;align-items:center}.assistant-input-field{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:all .2s}.assistant-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.assistant-input-field:disabled{background:#f8fafc;cursor:not-allowed}.assistant-send-btn{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.assistant-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.assistant-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.business-ai-assistant-container{width:95%;max-height:90vh}.business-ai-assistant-header{padding:20px}.assistant-header-content h3{font-size:18px}.business-ai-assistant-messages{padding:20px}.message-content{max-width:85%;font-size:13px}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.business-ai-assistant-input{padding:16px 20px}}.booking-actions .action-btn.disabled{pointer-events:none}.business-dashboard{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.business-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.header-content{max-width:1600px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;width:100%}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo:hover{transform:translateY(-2px)}.logo-badge{width:40px;height:40px}.badge-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.header-text{display:flex;flex-direction:column}.logo-text{font-family:Inter,sans-serif;font-size:20px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.business-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:12px}.ai-assistant-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #667eea4d}.ai-assistant-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.guide-btn{padding:10px 24px;background:#fef3c7;border:none;border-radius:10px;font-weight:600;color:#d97706;cursor:pointer;transition:all .3s ease;font-size:14px;flex-shrink:0}.guide-btn:hover{background:#fde68a;transform:translateY(-2px);box-shadow:0 4px 12px #d9770633}.profile-btn{padding:10px 24px;background:#eff6ff;border:none;border-radius:10px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .3s ease;font-size:14px;flex-shrink:0}.profile-btn:hover{background:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.logout-btn{padding:10px 24px;background:#fee2e2;border:none;border-radius:10px;font-weight:600;color:#dc2626;cursor:pointer;transition:all .3s ease;font-size:14px;flex-shrink:0}.logout-btn:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.business-main{padding:24px}.business-container{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.business-welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px;box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.business-welcome-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 20s infinite}@keyframes pulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10%,-10%) scale(1.1)}}.welcome-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;position:relative;z-index:1}.welcome-left{flex:1}.welcome-greeting{margin-bottom:24px}.greeting-text{display:block;font-size:16px;color:#ffffffe6;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.welcome-name{font-size:36px;font-weight:800;color:#fff;margin:0;line-height:1.2}.business-info{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.2)}.business-name-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.business-icon{width:48px;height:48px;color:#fff;background:#fff3;padding:12px;border-radius:12px;flex-shrink:0}.business-name-section h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.business-location{font-size:14px;color:#fffc;margin:0}.business-rating{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.rating-stars{font-size:18px;line-height:1}.rating-value{font-size:18px;font-weight:700;color:#fff}.rating-count{font-size:14px;color:#fffc}.welcome-right{display:flex;align-items:flex-start}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.action-btn svg{width:20px;height:20px;flex-shrink:0}.action-btn.primary{background:#fffffff2;color:#667eea;box-shadow:0 4px 12px #00000026}.action-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.action-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.action-btn.block-time-btn{background:#7c3aed26;color:#7c3aed;border:1px solid rgba(124,58,237,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action-btn.block-time-btn:hover{background:#7c3aed40;transform:translateY(-2px)}.action-btn:disabled,.action-btn.disabled,.action-btn:disabled:hover{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.welcome-content{flex-direction:column;gap:24px}.welcome-name{font-size:28px}.quick-actions{flex-direction:row;width:100%}.action-btn{flex:1;justify-content:center}}.business-stats-main{margin-bottom:32px}.section-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:8px}.stats-grid-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon-large{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#3b82f61a}.stat-card.primary .stat-icon-large{background:#3b82f61a}.stat-card.warning .stat-icon-large{background:#f59e0b1a}.stat-card.success .stat-icon-large{background:#10b9811a}.stat-card.completed .stat-icon-large{background:#22c55e1a}.stat-card.danger .stat-icon-large{background:#ef44441a}.stat-card .stat-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value-large{font-size:36px;font-weight:800;color:#1e293b;line-height:1}.stat-card.primary{border-left:4px solid #3b82f6}.stat-card.warning{border-left:4px solid #f59e0b}.stat-card.success{border-left:4px solid #10b981}.stat-card.completed{border-left:4px solid #22c55e}.stat-card.danger{border-left:4px solid #ef4444}.revenue-section{margin-bottom:32px}.revenue-container{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.revenue-date-selector{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.date-range-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.date-range-group label{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.date-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:500;color:#1e293b;transition:all .2s ease;background:#fff}.quick-date-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-date-btn{padding:12px 20px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-date-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.revenue-display{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:2px solid #f1f5f9;flex-wrap:wrap}.revenue-amount{display:flex;flex-direction:column;gap:8px}.revenue-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.revenue-value{font-size:42px;font-weight:800;color:#10b981;line-height:1}.revenue-summary{display:flex;gap:32px;flex-wrap:wrap}.revenue-summary-item{display:flex;flex-direction:column;gap:6px}.summary-label{font-size:13px;color:#94a3b8;font-weight:500}.summary-value{font-size:20px;font-weight:700;color:#1e293b}.today-summary{margin-bottom:32px}.today-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.today-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.today-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.today-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c4d}.today-card:nth-child(2):hover{box-shadow:0 6px 16px #f5576c66}.today-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.today-card:nth-child(3):hover{box-shadow:0 6px 16px #4facfe66}.today-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.today-info{display:flex;flex-direction:column;gap:6px}.today-label{font-size:13px;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.today-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.business-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-box{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 16px #0000000a;border:2px solid rgba(226,232,240,.6);transition:all .3s ease}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.stat-box.primary{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60d,#fff)}.stat-box.warning{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#fff)}.stat-box.success{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#fff)}.stat-box.info{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#fff)}.stat-box.danger{border-color:#ef4444;background:linear-gradient(135deg,#ef44440d,#fff)}.stat-box.revenue-week{border-color:#06b6d4;background:linear-gradient(135deg,#06b6d40d,#fff)}.stat-box.revenue-today{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0d,#fff)}.stat-box.bookings-today{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#fff)}.stat-box.rating-today{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf240d,#fff)}.stat-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:14px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:32px;font-weight:900;color:#0f172a}.today-section h2,.upcoming-section h2,.all-bookings-section h2{font-family:Inter,sans-serif;font-size:24px;font-weight:800;color:#0f172a;margin-bottom:20px}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-actions{display:flex;gap:12px}.print-btn,.calendar-btn,.refresh-btn{padding:10px 20px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.print-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.calendar-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.calendar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.refresh-btn{background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb}.refresh-btn:hover{background:#e5e7eb}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-view{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6)}.calendar-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.date-input{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1f2937;transition:all .3s ease}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.calendar-grid{display:flex;flex-direction:column;gap:20px}.calendar-day{background:#f8fafc;border-radius:16px;padding:20px;border:2px solid #e2e8f0;transition:all .3s ease}.calendar-day:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.calendar-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.calendar-date{font-size:18px;font-weight:800;color:#0f172a;text-transform:capitalize}.calendar-day-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.calendar-time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.calendar-time-slot{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .3s ease;cursor:pointer}.calendar-time-slot:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.calendar-time-slot.full{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.time-slot-time{font-size:16px;font-weight:800;color:#1f2937;margin-bottom:8px}.time-slot-count{display:inline-block;background:#3b82f6;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;margin-bottom:8px}.time-slot-bookings{display:flex;flex-direction:column;gap:6px;margin-top:8px}.booking-mini{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f3f4f6;border-radius:8px;font-size:12px}.booking-customer-mini{font-weight:600;color:#1f2937}.booking-status-mini{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700}.booking-status-mini.pending{background:#fef3c7;color:#78350f}.booking-status-mini.confirmed{background:#d1fae5;color:#064e3b}.booking-status-mini.in_progress{background:#dbeafe;color:#1e3a8a}.empty-box{background:#fff;border-radius:16px;padding:60px;text-align:center;border:2px dashed #e2e8f0}.empty-box p{color:#94a3b8;font-size:16px}.bookings-table{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6);display:flex;flex-direction:column;gap:12px}.booking-row{display:grid;grid-template-columns:80px 1fr 1fr 100px 120px 200px;gap:16px;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.booking-row .bookings-table.upcoming .booking-row{grid-template-columns:70px 80px 1fr 1fr 130px 220px}.booking-row .booking-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:800;text-transform:uppercase}.booking-row .booking-date .date-day{font-size:20px;line-height:1}.booking-row .booking-date .date-month{font-size:12px;letter-spacing:.5px}.booking-row:hover{background:#eff6ff;box-shadow:0 4px 12px #3b82f61a}.booking-time{font-weight:800;font-size:18px;color:#3b82f6}.booking-customer strong{display:block;font-weight:700;color:#0f172a;margin-bottom:4px}.booking-customer span{font-size:13px;color:#64748b}.booking-service{font-size:14px;color:#475569;font-weight:600}.booking-price{font-size:18px;font-weight:900;color:#3b82f6}.status{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase}.status.pending{background:#fef3c7;color:#92400e}.status.confirmed{background:#d1fae5;color:#065f46}.status.completed{background:#dbeafe;color:#1e40af}.booking-actions{display:flex;gap:8px}.action-btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.action-btn.confirm{background:#d1fae5;color:#065f46}.action-btn.confirm:hover{background:#a7f3d0}.action-btn.reject{background:#fee2e2;color:#991b1b}.action-btn.reject:hover{background:#fecaca}.action-btn.complete{background:#dbeafe;color:#1e40af}.action-btn.complete:hover{background:#bfdbfe}.bookings-list{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6);display:flex;flex-direction:column;gap:12px}.booking-item{display:flex;align-items:center;gap:20px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.booking-item:hover{background:#eff6ff}.item-date{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;padding:12px;text-align:center;min-width:60px;color:#fff}.date-day{font-size:24px;font-weight:900;line-height:1}.date-month{font-size:11px;text-transform:uppercase;margin-top:4px}.item-info{flex:1}.item-info h4{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px}.item-info p{font-size:14px;color:#64748b;margin:0 0 4px}.item-info small{font-size:12px;color:#94a3b8;font-weight:600}.item-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.badge{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.pending{background:#fef3c7;color:#92400e}.badge.confirmed{background:#d1fae5;color:#065f46}.badge.completed{background:#dbeafe;color:#1e40af}.badge.cancelled{background:#fee2e2;color:#991b1b}.item-price{font-size:20px;font-weight:900;color:#3b82f6}@media(max-width:1024px){.booking-row{grid-template-columns:1fr;gap:12px}.booking-actions{justify-content:flex-start}}@media(max-width:768px){.business-stats{grid-template-columns:repeat(2,1fr)}.booking-item{flex-direction:column;align-items:flex-start}.item-status{width:100%;flex-direction:row;justify-content:space-between}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.working-hours-modal{background:#fff;border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.working-hours-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.working-hours-modal .modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1e293b}.modal-close,.close-btn{background:none;border:none;font-size:32px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close:hover,.close-btn:hover{background:#f1f5f9;color:#1e293b}.working-hours-content{padding:24px}.working-hour-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f1f5f9}.working-hour-row:last-child{border-bottom:none}.day-name{min-width:100px;font-weight:600;color:#1e293b;font-size:15px}.day-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#64748b}.day-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.time-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#1e293b;background:#fff;transition:all .2s}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-separator{color:#94a3b8;font-weight:600}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #e2e8f0;justify-content:flex-end}.cancel-btn,.save-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:none}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.campaign-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 8px #0000000f}.campaign-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-campaign-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f640}.create-campaign-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.create-campaign-btn svg{width:20px;height:20px}.campaign-info-box{background:linear-gradient(135deg,#3b82f60d,#fff);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:24px;margin-bottom:32px;display:flex;flex-direction:column;gap:20px}.info-item{display:flex;gap:16px;align-items:flex-start}.info-icon{font-size:24px;flex-shrink:0}.info-text{flex:1}.info-text strong{display:block;font-size:15px;color:#1e293b;margin-bottom:4px}.info-text p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.campaigns-list{margin-top:32px}.campaigns-list h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:20px}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.campaign-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.campaign-card.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-card-header h4{margin:0;font-size:18px;font-weight:700;color:#1e293b;flex:1}.campaign-status{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.campaign-status.active{background:#d1fae5;color:#065f46}.campaign-status.draft{background:#fef3c7;color:#92400e}.campaign-status.expired{background:#fee2e2;color:#991b1b}.campaign-status.cancelled{background:#f3f4f6;color:#6b7280}.campaign-card-body{display:flex;flex-direction:column;gap:12px}.campaign-description{margin:0;font-size:14px;color:#64748b;line-height:1.5}.campaign-dates{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;font-weight:500}.campaign-discount{margin:8px 0}.discount-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:8px;font-size:16px;font-weight:700}.campaign-services{margin-top:8px}.service-tag{display:inline-block;padding:6px 12px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:13px;font-weight:500}.campaign-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;font-size:13px;color:#64748b}.campaign-modal{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.campaign-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#1e293b}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:inherit;color:#1e293b;background:#fff;transition:all .2s}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:#94a3b8;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.services-selection{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.service-checkbox{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.service-checkbox:hover{background:#f1f5f9}.service-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.service-checkbox span{font-size:14px;color:#1e293b;font-weight:500}.no-services{text-align:center;color:#94a3b8;font-size:14px;padding:20px}.campaign-form-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;padding:16px;margin-top:8px}.campaign-form-info p{margin:0 0 12px;font-size:14px;color:#92400e;font-weight:600}.campaign-form-info ul{margin:0;padding-left:20px;color:#78350f;font-size:13px;line-height:1.8}.campaign-form-info ul li{margin-bottom:4px}@media(max-width:768px){.campaign-section-header{flex-direction:column;align-items:flex-start;gap:16px}.create-campaign-btn{width:100%;justify-content:center}.campaigns-grid,.form-row{grid-template-columns:1fr}.campaign-modal{width:95%;max-height:95vh}}.package-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.package-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-package-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.create-package-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.create-package-btn svg{width:20px;height:20px}.package-info-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px}.packages-list{margin-top:32px}.packages-list h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:20px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.package-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.package-card.active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.package-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:8px}.package-card-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0;flex:1}.featured-badge{padding:4px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:6px;font-size:12px;font-weight:600}.package-status{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.package-status.active{background:#d1fae5;color:#065f46}.package-status.inactive{background:#f3f4f6;color:#6b7280}.package-card-body{display:flex;flex-direction:column;gap:16px}.package-description{margin:0;font-size:14px;color:#64748b;line-height:1.5}.package-services{display:flex;flex-direction:column;gap:8px}.package-services strong{font-size:14px;color:#1e293b}.services-list{display:flex;flex-wrap:wrap;gap:8px}.package-pricing{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px}.price-row,.discount-row,.final-price-row,.savings-row{display:flex;justify-content:space-between;align-items:center}.price-label{font-size:14px;color:#64748b}.original-price{font-size:14px;color:#94a3b8;text-decoration:line-through}.package-card .discount-badge{padding:4px 10px;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:13px;font-weight:600}.final-price{font-size:20px;font-weight:700;color:#28a745}.savings-amount{font-size:14px;font-weight:600;color:#28a745}.package-card-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.package-card-actions .action-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.package-card-actions .action-btn.edit{background:#3b82f6;color:#fff}.package-card-actions .action-btn.edit:hover{background:#2563eb}.package-card-actions .action-btn.delete{background:#fee2e2;color:#dc2626}.package-card-actions .action-btn.delete:hover{background:#fecaca}.package-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;max-width:750px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #00000026,0 0 0 1px #0000000d;position:relative}.package-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:24px 32px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;margin:-1px -1px 0}.package-modal .modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.package-modal .modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.package-modal .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.package-modal form{padding:32px}.package-modal .form-group{margin-bottom:24px}.package-modal .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#1e293b}.package-modal .form-group input[type=text],.package-modal .form-group input[type=number],.package-modal .form-group textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff;color:#1e293b;font-family:inherit}.package-modal .form-group input[type=text]:focus,.package-modal .form-group input[type=number]:focus,.package-modal .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.package-modal .form-group textarea{resize:vertical;min-height:80px}.package-modal .form-hint{display:block;margin-top:6px;font-size:13px;color:#64748b;font-style:italic}.services-selection{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:2px solid #e2e8f0;box-shadow:inset 0 2px 8px #3b82f60d,0 1px 3px #0000000d}.services-selection::-webkit-scrollbar{width:8px}.services-selection::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.services-selection::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.services-selection::-webkit-scrollbar-thumb:hover{background:#94a3b8}.service-checkbox{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;color:#1e293b!important;box-shadow:0 2px 8px #0000000a}.package-modal .service-checkbox{color:#1e293b!important;overflow:visible!important}.package-modal .service-checkbox *{color:inherit!important;-webkit-text-fill-color:inherit!important}.package-modal .service-checkbox strong{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.service-checkbox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#3b82f6,#2563eb);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:14px 0 0 14px}.service-checkbox:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translate(6px);box-shadow:0 6px 20px #3b82f640}.service-checkbox:hover:before{transform:scaleY(1)}.service-checkbox input[type=checkbox]:checked+.service-checkbox-label{color:#1e293b!important}.service-checkbox input[type=checkbox]:checked+.service-checkbox-label strong{color:#1e293b!important}.service-checkbox input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0;margin:0;border-radius:6px;border:2px solid #cbd5e1;transition:all .2s ease}.service-checkbox input[type=checkbox]:checked{border-color:#3b82f6;background-color:#3b82f6}.service-checkbox input[type=checkbox]:hover{border-color:#3b82f6;transform:scale(1.1)}.service-checkbox:has(input[type=checkbox]:checked){border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 6px 20px #3b82f64d;transform:translate(4px)}.service-checkbox:has(input[type=checkbox]:checked):before{transform:scaleY(1)}.service-checkbox-label{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#1e293b!important;visibility:visible!important;opacity:1!important}.package-modal .service-checkbox-label{color:#1e293b!important}.service-checkbox-label strong{font-size:16px!important;color:#1e293b!important;font-weight:600!important;display:inline-block!important;flex:1;visibility:visible!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:#1e293b!important;letter-spacing:.01em;line-height:1.5}.package-modal .service-checkbox-label strong{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.service-price{font-size:15px;color:#3b82f6;font-weight:700;padding:6px 14px;background:#3b82f61a;border-radius:8px;white-space:nowrap;transition:all .2s ease}.service-checkbox:hover .service-price{background:#3b82f626}.no-services{text-align:center;padding:40px 24px;color:#94a3b8;font-size:15px;background:#fff;border-radius:12px;border:2px dashed #e2e8f0}.selected-services-info{margin-top:16px;padding:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}.selected-services-info p{margin:6px 0;color:#1e40af;font-size:14px}.total-original-price{font-weight:700;font-size:16px;color:#1e40af;margin-top:8px;padding-top:12px;border-top:2px solid rgba(59,130,246,.2)}.package-modal .checkbox-label{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;color:#1e293b}.package-modal .checkbox-label:hover{background:#f1f5f9;border-color:#e2e8f0}.package-modal .checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.package-modal .checkbox-label span{font-size:15px;color:#1e293b!important;font-weight:500;display:inline-block;flex:1}.package-modal .modal-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #e2e8f0}.package-modal .cancel-btn{flex:1;padding:14px 24px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.package-modal .cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.package-modal .save-btn{flex:2;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.package-modal .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.package-modal .save-btn:active:not(:disabled){transform:translateY(0)}.package-modal .save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.package-section-header{flex-direction:column;align-items:stretch;gap:16px}.create-package-btn{width:100%;justify-content:center}.packages-grid{grid-template-columns:1fr}.package-modal{max-width:95%;border-radius:16px}.package-modal .modal-header{padding:20px;border-radius:16px 16px 0 0}.package-modal .modal-header h2{font-size:20px}.package-modal form{padding:24px 20px}.package-modal .form-group{margin-bottom:20px}.services-selection{max-height:250px;padding:16px}.service-checkbox{padding:14px}.package-modal .modal-actions{flex-direction:column}.package-modal .cancel-btn,.package-modal .save-btn{flex:1;width:100%}}.package-booking-info{display:flex;flex-direction:column;gap:4px}.package-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;width:fit-content;margin-bottom:4px}.package-name{font-weight:600;color:#0f172a;font-size:14px}.package-services-list{font-size:11px;color:#64748b;margin-top:2px}.package-service-item{display:inline}.package-badge-small{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-right:6px}.package-services-small{font-size:12px;color:#64748b}.photo-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.photo-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-photo-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-photo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.create-photo-btn svg{width:18px;height:18px}.photos-grid-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-card-dashboard{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.photo-card-dashboard:hover{transform:translateY(-4px);box-shadow:0 8px 16px #3b82f633}.photo-image-dashboard{width:100%;height:100%;object-fit:cover;display:block}.photo-overlay-dashboard{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px;color:#fff;opacity:0;transition:opacity .2s ease}.photo-card-dashboard:hover .photo-overlay-dashboard{opacity:1}.photo-caption-dashboard{font-size:13px;font-weight:500;margin-bottom:4px}.photo-type-badge-dashboard{display:inline-block;background:#3b82f6;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-top:4px}.photo-featured-badge-dashboard{position:absolute;top:8px;left:8px;background:#fbbf24;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.photo-delete-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;opacity:0;transition:opacity .2s ease;z-index:10}.photo-card-dashboard:hover .photo-delete-btn{opacity:1}.photo-delete-btn:hover{background:#dc2626}.empty-photos{text-align:center;padding:40px;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.photo-modal{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.photo-modal .checkbox-label span{color:#0f172a!important}.photo-preview{margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.preview-image{width:100%;max-height:300px;object-fit:contain;display:block}@media(max-width:768px){.photos-grid-dashboard{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photo-modal{width:95%;padding:20px}}.user-guide-modal{background:#fff;border-radius:24px;padding:0;max-width:1000px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #00000026,0 10px 30px #0000001a;border:1px solid rgba(226,232,240,.8)}.guide-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;position:sticky;top:0;z-index:10;box-shadow:0 4px 12px #667eea33}.guide-header-content{display:flex;align-items:center;gap:20px;flex:1}.guide-icon-wrapper{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.guide-icon-wrapper svg{width:32px;height:32px;color:#fff;stroke-width:2.5}.guide-header-content h2{margin:0;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.guide-subtitle{margin:6px 0 0;font-size:15px;color:#ffffffe6;font-weight:500}.user-guide-content{padding:40px;background:linear-gradient(to bottom,#fafbfc,#fff)}.guide-intro{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;padding:24px;margin-bottom:40px;border-left:4px solid #3b82f6}.intro-text{margin:0;font-size:16px;line-height:1.8;color:#1e40af;font-weight:500}.guide-section{margin-bottom:40px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.guide-section:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.guide-section:last-child{margin-bottom:0}.guide-section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.guide-section-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.guide-section-header h3{margin:0;font-size:22px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.guide-description{margin:0 0 24px;font-size:16px;line-height:1.8;color:#475569;font-weight:400}.guide-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.guide-feature-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease}.guide-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#cbd5e1}.feature-icon{font-size:32px;margin-bottom:12px}.feature-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.feature-desc{font-size:14px;color:#64748b;line-height:1.6}.guide-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.guide-stat-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.guide-stat-item:hover{background:#f1f5f9;transform:translate(4px)}.stat-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-badge.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-badge.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-badge.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-badge.completed{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-badge.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-label{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-desc{font-size:13px;color:#64748b;line-height:1.5}.guide-feature-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.guide-feature-item{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;transition:all .3s ease}.guide-feature-item:hover{background:#f1f5f9;transform:translate(4px)}.feature-check{width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.guide-feature-item>div:last-child{flex:1;font-size:15px;line-height:1.7;color:#475569}.guide-feature-item strong{color:#1e293b;font-weight:600}.guide-highlight-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;margin:24px 0;border-left:4px solid #f59e0b;display:flex;gap:16px;align-items:flex-start}.guide-highlight-box.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981}.highlight-icon{font-size:28px;flex-shrink:0}.guide-highlight-box>div:last-child{flex:1;font-size:15px;line-height:1.7;color:#78350f}.guide-highlight-box.success>div:last-child{color:#065f46}.guide-example-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;padding:0;margin:24px 0;border:1px solid #bfdbfe;overflow:hidden}.example-header{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:12px 20px;display:flex;align-items:center}.example-badge{background:#fff3;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.example-content{padding:20px}.example-content p{margin:0 0 12px;font-size:15px;font-weight:600;color:#1e40af}.example-content ul{margin:0;padding-left:24px;list-style:none}.example-content ul li{margin-bottom:8px;font-size:14px;color:#475569;position:relative;padding-left:8px}.example-content ul li:before{content:"→";position:absolute;left:-16px;color:#3b82f6;font-weight:700}.guide-workflow{display:flex;flex-direction:column;gap:20px;margin-top:24px}.workflow-step{display:flex;gap:20px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease}.workflow-step:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.step-content{flex:1}.step-content strong{display:block;font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.step-content p{margin:0;font-size:14px;color:#64748b;line-height:1.6}.guide-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.tip-card{background:#fff;border-radius:12px;padding:24px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea26;border-color:#cbd5e1}.tip-icon{font-size:36px;margin-bottom:12px}.tip-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.tip-text{font-size:14px;color:#64748b;line-height:1.6;margin:0}.guide-support-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:32px;display:flex;gap:24px;align-items:flex-start;border:2px solid #bae6fd;margin-top:24px}.support-icon{font-size:48px;flex-shrink:0}.guide-support-box>div:last-child{flex:1}.user-guide-modal .modal-footer{padding:20px 32px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;background:#f8fafc;border-radius:0 0 20px 20px;position:sticky;bottom:0}.user-guide-modal .modal-footer .close-btn{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center}.user-guide-modal .modal-footer .close-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.user-guide-modal{width:95%;max-height:95vh}.guide-header{padding:24px 20px;flex-direction:column;align-items:flex-start;gap:16px}.guide-header-content{flex-direction:column;align-items:flex-start;gap:12px}.guide-icon-wrapper{width:48px;height:48px}.guide-header-content h2{font-size:22px}.guide-subtitle{font-size:14px}.user-guide-content{padding:24px 20px}.guide-intro{padding:20px}.intro-text{font-size:15px}.guide-section{margin-bottom:24px;padding:20px}.guide-section-header{flex-direction:column;align-items:flex-start;gap:12px}.guide-section-icon{width:40px;height:40px;font-size:24px}.guide-section-header h3{font-size:18px}.guide-description{font-size:15px}.guide-features-grid{grid-template-columns:1fr;gap:16px}.guide-stats-grid{grid-template-columns:1fr;gap:12px}.guide-tips-grid{grid-template-columns:1fr;gap:16px}.guide-workflow{gap:16px}.guide-support-box{flex-direction:column;padding:24px}.support-icon{font-size:36px}}.business-services-page{min-height:100vh;background:linear-gradient(135deg,#3b82f605,#0ea5e90a),#f8fafc}.business-services-page .business-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}.business-services-page .header-content{max-width:1600px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.back-btn{padding:10px 20px;background:#f1f5f9;border:none;border-radius:10px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .3s ease;font-size:14px}.back-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.days-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.day-btn{padding:8px 16px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.day-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.day-btn.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.time-slots-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-height:200px;overflow-y:auto}.time-slot-btn{padding:8px 16px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;min-width:70px}.time-slot-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.time-slot-btn.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.add-custom-time-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#3b82f6;transition:all .2s}.add-custom-time-btn:hover{background:#e2e8f0;border-color:#3b82f6}.services-main{padding:32px 24px}.services-container{max-width:1400px;margin:0 auto}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.services-header h1{font-size:32px;font-weight:800;color:#0f172a}.add-service-btn{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.add-service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.empty-state{background:#fff;border-radius:20px;padding:80px 40px;text-align:center;box-shadow:0 4px 16px #0000000f;border:2px dashed #e2e8f0}.empty-state svg{width:80px;height:80px;color:#cbd5e1;margin-bottom:24px}.empty-state h3{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-state p{font-size:16px;color:#64748b;margin:0 0 24px}.add-first-btn{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease}.add-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.service-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;border:1px solid #f1f5f9;transition:all .3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.service-image{width:100%;height:180px;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;align-items:center;justify-content:center;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.service-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;color:#ffffffe6}.service-content{padding:20px}.service-category{font-size:12px;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.service-content h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px}.service-content p{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:16px;border-top:1px solid #f1f5f9}.service-meta span{font-size:14px;color:#64748b}.service-price{font-size:20px;font-weight:800;color:#3b82f6}.service-actions{display:flex;gap:8px}.edit-btn,.delete-btn{flex:1;padding:10px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:#eff6ff;color:#3b82f6}.edit-btn:hover{background:#dbeafe;transform:translateY(-2px)}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.service-modal{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:24px;font-weight:800;color:#0f172a;margin:0}.modal-close{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:50%;font-size:24px;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.service-form{padding:32px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .2s;background:#fff;color:#111827;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical}.current-image{margin-top:12px}.current-image img{max-width:200px;border-radius:10px;border:2px solid #e5e7eb}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #f1f5f9}.cancel-btn,.submit-btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.block-time-btn{padding:8px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:13px;margin-right:8px}.block-time-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.block-time-content{padding:24px;max-height:70vh;overflow-y:auto}.block-time-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.block-time-section h3{margin-bottom:16px;color:#1e293b;font-size:18px}.blocked-times-section{margin-top:24px}.blocked-times-section h3{margin-bottom:16px;color:#1e293b;font-size:18px}.blocked-times-list{display:flex;flex-direction:column;gap:16px}.blocked-date-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.blocked-date-header{margin-bottom:12px;color:#475569;font-size:14px}.blocked-date-header strong{color:#1e293b;font-size:15px}.blocked-times-grid{display:flex;flex-wrap:wrap;gap:8px}.blocked-time-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569}.remove-blocked-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;padding:0;line-height:1}.remove-blocked-btn:hover{background:#dc2626;transform:scale(1.1)}.no-blocked-times{text-align:center;color:#94a3b8;padding:24px;font-style:italic}.time-slot-btn.blocked{background:#fee2e2;color:#991b1b;border-color:#fecaca}.time-slot-btn.blocked.selected{background:#dc2626;color:#fff;border-color:#dc2626}@media(max-width:768px){.services-header{flex-direction:column;gap:16px;align-items:flex-start}.services-grid,.form-row{grid-template-columns:1fr}.block-time-content{padding:16px}.blocked-times-grid{gap:6px}}.business-detail-page{min-height:100vh;background:linear-gradient(to bottom,#eff6ff,#f8fafc);padding:0}.business-detail-header{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:24px 10px;margin-bottom:0;box-shadow:0 4px 12px #1e40af33}.back-button{background:#fff3;color:#fff!important;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff!important}.business-header-content{display:flex;gap:30px;align-items:flex-start;position:relative;z-index:1}.business-logo-section{flex-shrink:0}.business-logo-large{width:120px;height:120px;border-radius:12px;object-fit:cover;box-shadow:0 4px 16px #0003;border:3px solid rgba(255,255,255,.5);background:#fff}.business-logo-placeholder-large{width:120px;height:120px;border-radius:12px;background:#fffffff2;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:48px}.business-logo-default-large{width:120px;height:120px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003;border:3px solid rgba(255,255,255,.5);background:#fff;display:flex;align-items:center;justify-content:center}.business-logo-default-large svg{width:100%;height:100%;display:block;font-weight:700;box-shadow:0 4px 16px #0003}.business-info-section{flex:1}.business-title-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.business-name{font-size:32px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.favorite-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn svg path{stroke:#fff}.favorite-btn.active svg path{fill:#fbbf24;stroke:#fbbf24}.favorite-btn:hover svg path{stroke:#fbbf24}.business-rating-row{margin-bottom:15px}.rating-stars{display:flex;align-items:center;gap:5px}.star{color:#fff9;font-size:18px}.star.filled{color:#fbbf24}.rating-value{margin-left:8px;font-size:16px;font-weight:700;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.review-count{margin-left:8px;color:#ffffffe6;font-size:14px}.business-contact-info{display:flex;flex-direction:column;gap:10px;margin-top:12px}.business-location,.business-phone{display:flex;align-items:flex-start;gap:8px;color:#fff!important;font-size:15px}.location-icon,.phone-icon{font-size:18px;margin-top:2px;flex-shrink:0}.location-details{display:flex;flex-direction:column;gap:2px}.location-text{font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.address-detail{color:#fff!important;font-size:14px}.phone-link{color:#fff;text-decoration:none;font-weight:500;transition:all .2s;border-bottom:1px solid transparent}.phone-link:hover{border-bottom-color:#fff}.business-detail-content{max-width:100%;margin:0;padding:20px 10px}.content-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;align-items:start;max-width:1600px;margin:0 auto;padding:0 10px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.business-photos-section,.business-services-section,.business-packages-section,.business-reviews-section,.business-location-section,.business-about-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-title{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px}.section-icon{font-size:22px;color:#3b82f6}.photos-placeholder{text-align:center;padding:60px 20px;color:#64748b;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.placeholder-icon{font-size:48px;margin-bottom:15px;opacity:.4;color:#94a3b8}.photos-loading{display:flex;justify-content:center;align-items:center;padding:40px}.photo-slider{position:relative;width:100%;margin-top:16px;border-radius:12px;overflow:hidden;background:#f8fafc;aspect-ratio:16 / 9}.photo-slider-container{position:relative;width:100%;height:100%}.photo-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.photo-slide.active{opacity:1;z-index:1}.photo-slide-image{width:100%;height:100%;object-fit:contain;display:block;background:#f8fafc}.photo-slide-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:16px;color:#fff;z-index:2}.photo-slide-caption{font-size:14px;font-weight:500;margin-bottom:4px}.photo-slide-badge{display:inline-block;background:#3b82f6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.photo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.photo-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #00000040;transform:translateY(-50%) scale(1.1)}.photo-nav-btn svg{width:24px;height:24px;color:#3b82f6}.photo-nav-prev{left:16px}.photo-nav-next{right:16px}.photo-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;background:#0000004d;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-indicator{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .2s ease;padding:0}.photo-indicator:hover{background:#fffc;transform:scale(1.2)}.photo-indicator.active{background:#fff;width:24px;border-radius:4px}.photo-counter{position:absolute;top:16px;right:16px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.photo-slider{aspect-ratio:4 / 3}.photo-nav-btn{width:40px;height:40px}.photo-nav-btn svg{width:20px;height:20px}.photo-nav-prev{left:8px}.photo-nav-next{right:8px}.photo-counter{top:8px;right:8px;font-size:12px;padding:4px 10px}}.about-content{line-height:1.8}.about-text{color:#475569;font-size:15px;margin:0;white-space:pre-wrap;text-align:justify}.business-location-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a}.location-info-card{display:flex;flex-direction:column;gap:20px}.location-details-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.location-item{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.location-item-full{display:flex;flex-direction:column;gap:8px}.location-label{font-weight:600;color:#1e40af;min-width:80px}.location-value{color:#0f172a;text-align:right;flex:1;font-weight:500}.location-value-full{color:#0f172a;font-weight:500;line-height:1.6;padding:12px;background:#fff;border-radius:6px;border:1px solid #bfdbfe}.map-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid #bfdbfe;box-shadow:0 8px 24px #3b82f626}.map-embed{width:100%;height:320px;border-radius:8px 8px 0 0;overflow:hidden;background:#dbeafe}.map-embed iframe{width:100%;height:100%;border:0}.map-placeholder{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:30px 20px;text-align:center;margin-bottom:16px}.map-icon{font-size:40px;margin-bottom:12px;opacity:.7;color:#3b82f6}.map-text{color:#1e40af;font-size:15px;font-weight:600;margin:0}.map-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#3b82f6;color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-weight:600;font-size:14px;border:none;transition:all .2s ease;box-shadow:0 2px 6px #3b82f64d}.map-link-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.map-link-icon{font-size:18px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.service-card{border:1px solid #e2e8f0;border-radius:10px;padding:18px;transition:all .2s ease;background:#fff;display:flex;flex-direction:column;gap:12px}.service-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0;flex:1;line-height:1.4}.service-category{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid #e2e8f0}.campaign-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #fbbf244d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.service-description{color:#64748b;font-size:14px;line-height:1.6;margin:0;flex:1}.service-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #f1f5f9}.service-price{display:flex;flex-direction:column;gap:4px}.price-amount{font-size:22px;font-weight:700;color:#3b82f6;line-height:1}.service-duration{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}.book-service-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.book-service-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.no-services{text-align:center;color:#6b7280;padding:40px;font-size:18px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.package-card-detail{border:1px solid #dbeafe;border-radius:10px;padding:20px;transition:all .2s ease;background:linear-gradient(to bottom,#fff,#f8faff);border-left:3px solid #3b82f6}.package-card-detail:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.package-card-header-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.package-card-header-detail h3{font-size:22px;font-weight:700;color:#1f2937;margin:0}.featured-badge-detail{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.package-description-detail{color:#6b7280;margin-bottom:15px;line-height:1.6}.package-services-detail{margin-bottom:20px}.package-services-detail strong{display:block;margin-bottom:10px;color:#1f2937}.services-list-detail{display:flex;flex-wrap:wrap;gap:8px}.service-tag-detail{background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}.package-pricing-detail{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:10px}.price-row-detail,.discount-row-detail,.final-price-row-detail,.savings-row-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.price-label-detail,.discount-label-detail,.savings-label-detail{color:#6b7280;font-size:14px}.original-price-detail{text-decoration:line-through;color:#9ca3af;font-size:16px}.discount-badge-detail{background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}.final-price-detail{font-size:24px;font-weight:600;color:#3b82f6}.savings-amount-detail{color:#10b981;font-weight:600;font-size:16px}.book-package-btn-detail{width:100%;background:#3b82f6;color:#fff;border:none;padding:12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.book-package-btn-detail:hover{background:#2563eb}.review-card{border:1px solid #e2e8f0;border-radius:10px;padding:20px;background:#fff}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reviewer-info{display:flex;align-items:center;gap:10px}.reviewer-name{font-weight:600;color:#1f2937}.review-rating .star{font-size:14px}.review-date{color:#6b7280;font-size:14px}.review-comment{color:#4b5563;line-height:1.6;margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#374151}.error-container h2{margin-bottom:20px}.back-btn{background:#111827;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#1f2937}@media(max-width:1024px){.content-layout{grid-template-columns:1fr}.left-column{order:2}.right-column{order:1}}@media(max-width:768px){.business-header-content{flex-direction:column;align-items:center;text-align:center}.business-title-row{justify-content:center}.services-grid,.packages-grid{grid-template-columns:1fr}.business-detail-page{padding:10px}.business-detail-header,.business-photos-section,.business-services-section,.business-packages-section,.business-reviews-section,.business-location-section{padding:20px}.content-layout{gap:20px}.map-container iframe{height:250px}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);padding:40px 20px;display:flex;align-items:center;justify-content:center}.payment-container{max-width:900px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #00000026;padding:40px;border:1px solid rgba(255,255,255,.8)}.payment-header{text-align:center;margin-bottom:32px}.payment-header h1{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:12px}.payment-header p{font-size:16px;color:#64748b}.payment-iframe-container{width:100%;min-height:600px;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:24px;background:#fff}.payment-iframe{width:100%;height:600px;border:none;display:block}.payment-info{text-align:center}.payment-note{font-size:14px;color:#64748b;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-note:before{content:"🔒";font-size:16px}.cancel-payment-btn{padding:12px 24px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-payment-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.payment-error{text-align:center;padding:40px 20px}.payment-error h2{font-size:24px;font-weight:700;color:#dc2626;margin-bottom:16px}.payment-error p{font-size:16px;color:#64748b;margin-bottom:24px}.back-button{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.mock-payment-container,.demo-payment-container{padding:0}.demo-payment-info{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.demo-payment-info h2{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:16px}.demo-payment-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#94a3b8}.error-text{display:block;color:#dc2626;font-size:12px;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.expiry-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.demo-payment-btn{padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.demo-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.demo-payment-btn:disabled{opacity:.6;cursor:not-allowed}.mock-payment-container{text-align:center;padding:40px 20px}.mock-payment-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;padding:24px;margin-bottom:24px}.mock-payment-info h2{font-size:24px;font-weight:700;color:#92400e;margin-bottom:12px}.mock-payment-info p{font-size:14px;color:#78350f;margin-bottom:8px}.payment-amount{font-size:20px;font-weight:700;color:#92400e;margin-top:16px;padding-top:16px;border-top:2px solid #fbbf24}.payment-amount strong{display:block;font-size:14px;font-weight:600;color:#78350f;margin-bottom:8px}.mock-payment-form{display:flex;flex-direction:column;gap:12px;align-items:center}.mock-payment-btn{padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d;min-width:250px}.mock-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.mock-payment-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.payment-container{padding:24px}.payment-header h1{font-size:24px}.payment-iframe-container{min-height:500px}.payment-iframe{height:500px}.mock-payment-container{padding:24px 12px}.mock-payment-info{padding:20px}.mock-payment-btn{min-width:100%}.demo-payment-form{max-width:100%}.form-row{grid-template-columns:1fr}.demo-payment-btn,.cancel-payment-btn{width:100%}}.payment-callback-page{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:40px 20px}.callback-container{max-width:500px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #00000026;padding:60px 40px;text-align:center;border:1px solid rgba(255,255,255,.8)}.callback-success,.callback-error{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;box-shadow:0 8px 24px #10b9814d;animation:scaleIn .5s ease-out}.error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;box-shadow:0 8px 24px #ef44444d;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.callback-success h2,.callback-error h2{font-size:28px;font-weight:700;color:#0f172a;margin:0}.callback-success p,.callback-error p{font-size:16px;color:#64748b;margin:0;line-height:1.6}.redirect-message{font-size:14px;color:#94a3b8;font-style:italic;margin-top:8px!important}@media(max-width:768px){.callback-container{padding:40px 24px}.success-icon,.error-icon{width:60px;height:60px;font-size:36px}.callback-success h2,.callback-error h2{font-size:24px}}.verify-email-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verify-email-card{background:#fff;border-radius:16px;padding:48px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.verify-email-spinner{margin-bottom:24px}.verify-email-spinner .spinner{width:64px;height:64px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.verify-email-icon{margin:0 auto 24px;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.verify-email-icon.success{color:#10b981}.verify-email-icon.error{color:#ef4444}.verify-email-card h1{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:16px}.verify-email-card p{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:8px}.verify-email-redirect{font-size:14px;color:#9ca3af;font-style:italic}.verify-email-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.verify-email-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.verify-email-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.verify-email-button:active{transform:translateY(0)}.verify-email-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.verify-email-button.secondary:hover{background:#f9fafb;box-shadow:0 10px 20px #667eea33}@media(max-width:640px){.verify-email-card{padding:32px 24px}.verify-email-card h1{font-size:24px}}.verify-email-code-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verify-email-code-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.verify-email-code-header{text-align:center;margin-bottom:30px}.verify-email-code-header h1{font-size:28px;font-weight:700;color:#333;margin-bottom:10px}.verify-email-code-header p{font-size:14px;color:#666;line-height:1.6}.verify-email-code-form{margin-bottom:30px}.code-input-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.code-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:600;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.code-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.code-input.error{border-color:#dc2626;background-color:#fef2f2;animation:shake .3s}.code-input.success{border-color:#10b981;background-color:#f0fdf4}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.verification-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.verification-message.success{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.verification-message.error{background-color:#fee2e2;border:1px solid #dc2626;color:#991b1b}.verification-message svg{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verify-email-code-button{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-email-code-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.verify-email-code-button:disabled{opacity:.6;cursor:not-allowed}.verify-email-code-footer{text-align:center;margin-bottom:20px}.verify-email-code-footer p{font-size:14px;color:#666;margin-bottom:10px}.resend-code-button{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:6px}.resend-code-button:hover:not(:disabled){background-color:#f0f0f0}.resend-code-button:disabled{opacity:.5;cursor:not-allowed}.verify-email-code-back{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.back-button{background:none;border:none;color:#666;font-size:14px;cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:6px}.back-button:hover{color:#333;background-color:#f0f0f0}@media(max-width:480px){.verify-email-code-card{padding:30px 20px}.code-input{width:45px;height:55px;font-size:20px}.code-input-container{gap:8px}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem}.legal-header{margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.legal-back-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.legal-back-btn:hover{background:#5568d3;transform:translate(-2px)}.legal-title{font-size:2rem;color:#333;margin:0;font-weight:700}.legal-content{line-height:1.8;color:#555;font-size:1rem}.legal-content h1{font-size:1.8rem;color:#667eea;margin-top:2rem;margin-bottom:1rem;font-weight:700}.legal-content h2{font-size:1.5rem;color:#333;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.legal-content h3{font-size:1.2rem;color:#444;margin-top:1.25rem;margin-bottom:.5rem;font-weight:600}.legal-content p{margin-bottom:1rem;text-align:justify}.legal-content ul,.legal-content ol{margin:1rem 0;padding-left:2rem}.legal-content li{margin-bottom:.5rem}.legal-content strong{color:#333;font-weight:600}.legal-content a{color:#667eea;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.legal-loading,.legal-error{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.legal-error{color:#e74c3c}.legal-content code{background:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.legal-content pre{background:#f4f4f4;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.legal-content blockquote{border-left:4px solid #667eea;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}@media(max-width:768px){.legal-container{padding:1.5rem}.legal-title,.legal-content h1{font-size:1.5rem}.legal-content h2{font-size:1.3rem}.legal-content{font-size:.95rem}}.create-workshop-review-form{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.form-step h3{margin:0 0 8px;font-size:22px;font-weight:700;color:#1e293b}.step-description{color:#64748b;font-size:14px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#334155;font-size:14px}.form-group .required{color:#ef4444}.create-workshop-review-form input[type=text],.create-workshop-review-form input[type=tel],.create-workshop-review-form textarea,.create-workshop-review-form .form-input,.create-workshop-review-form .form-select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s;color:#000!important;background:#fff!important;-webkit-text-fill-color:#000000!important;caret-color:#3b82f6!important;cursor:text}.create-workshop-review-form input[type=text]:focus,.create-workshop-review-form input[type=tel]:focus,.create-workshop-review-form textarea:focus,.create-workshop-review-form .form-input:focus{color:#000!important;-webkit-text-fill-color:#000000!important;background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none;caret-color:#3b82f6!important}.create-workshop-review-form input[type=text]::placeholder,.create-workshop-review-form input[type=tel]::placeholder,.create-workshop-review-form textarea::placeholder,.create-workshop-review-form .form-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1}.create-workshop-review-form .form-select,.create-workshop-review-form .form-select option{color:#000!important;background:#fff!important}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input-group{display:flex;gap:12px}.search-input-group .form-input{flex:1}.search-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-results{margin-top:20px;border:2px solid #e2e8f0;border-radius:10px;padding:16px;max-height:300px;overflow-y:auto}.search-results h4{margin:0 0 12px;font-size:16px;color:#1e293b}.workshop-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.workshop-result-item:hover{background:#f8fafc;border-color:#3b82f6;transform:translate(4px)}.workshop-result-item strong{display:block;color:#1e293b;margin-bottom:4px}.workshop-result-item p{margin:0;color:#64748b;font-size:13px}.pending-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:4px}.workshop-result-item svg{width:20px;height:20px;color:#64748b;flex-shrink:0}.no-results{text-align:center;padding:24px;border:2px dashed #cbd5e1;border-radius:10px;margin-top:20px}.no-results p{margin:0 0 16px;color:#64748b}.create-new-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.create-new-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.selected-workshop-info{background:#f0f9ff;border:2px solid #bae6fd;border-radius:10px;padding:16px;margin-bottom:24px}.selected-workshop-info strong{display:block;color:#1e293b;font-size:16px;margin-bottom:4px}.selected-workshop-info p{margin:0;color:#64748b;font-size:14px}.stars-input{display:flex;gap:8px;margin-bottom:8px}.star-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s;color:#e2e8f0}.star-btn:hover:not(:disabled){transform:scale(1.2)}.star-btn.active{color:#fbbf24}.star-btn:disabled{cursor:not-allowed;opacity:.6}.star-btn svg{width:32px;height:32px}.rating-text{margin:0;font-size:14px;color:#64748b;font-weight:500}.receipt-warning{background:#fef3c7;border:2px solid #fbbf24;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.receipt-warning svg{width:24px;height:24px;color:#f59e0b;flex-shrink:0}.receipt-warning p{margin:0;color:#92400e;font-size:14px;font-weight:500}.receipt-preview{margin-top:12px;position:relative;display:inline-block}.receipt-preview img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e2e8f0}.remove-receipt-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s;padding:0}.remove-receipt-btn svg{width:18px;height:18px;stroke:#fff}.remove-receipt-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn{background:#e2e8f0;color:#475569}.cancel-btn:hover:not(:disabled){background:#cbd5e1}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.workshop-list-page{min-height:100vh;background:linear-gradient(135deg,#dbeafe,#bfdbfe 30%,#93c5fd 50%,#60a5fa);padding-bottom:40px}.workshop-header{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);box-shadow:0 4px 20px #2563eb40,0 2px 8px #3b82f633;position:sticky;top:0;z-index:100;border-bottom:2px solid rgba(96,165,250,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.header-content .logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content .logo:hover{transform:translateY(-2px)}.header-content .logo .logo-wrapper{background:transparent;border:none;box-shadow:none;padding:0}.header-content .logo .logo-wrapper:hover{background:#ffffff26;box-shadow:0 4px 12px #fff3}.workshop-intro-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:48px 0;position:relative;border-bottom:1px solid rgba(148,163,184,.2)}.intro-container{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.intro-content{text-align:center;color:#1e293b}.intro-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50px;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;color:#fff;animation:fadeInUp .6s ease-out;box-shadow:0 2px 8px #3b82f633}.intro-badge svg{width:16px;height:16px;stroke:#fff}.intro-title{font-size:42px;font-weight:800;margin:0 0 12px;color:#0f172a;line-height:1.2;animation:fadeInUp .6s ease-out .1s both}.intro-subtitle{font-size:20px;font-weight:500;margin:0 0 32px;color:#475569;letter-spacing:.3px;animation:fadeInUp .6s ease-out .2s both}.intro-description{max-width:900px;margin:0 auto 40px;text-align:left;font-size:16px;line-height:1.7;color:#475569;animation:fadeInUp .6s ease-out .3s both}.intro-description p{margin:0 0 16px}.intro-description p:last-child{margin-bottom:0}.intro-description strong{color:#0f172a;font-weight:700}.intro-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;animation:fadeInUp .6s ease-out .4s both}.feature-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.feature-item:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:#cbd5e1}.feature-icon{width:40px;height:40px;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s}.feature-item:hover .feature-icon{transform:scale(1.05)}.feature-icon svg{width:20px;height:20px;stroke:#2563eb;stroke-width:2.5;color:#2563eb}.feature-content h3{font-size:18px;font-weight:700;margin:0 0 8px;color:#0f172a}.feature-content p{font-size:14px;line-height:1.6;margin:0;color:#64748b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.workshop-intro-section{padding:40px 0}.intro-title{font-size:36px}.intro-subtitle{font-size:18px}.intro-description{font-size:15px;text-align:center}.intro-features{grid-template-columns:1fr;gap:20px}.feature-item{padding:20px}}@media(max-width:768px){.feature-icon{width:32px;height:32px;margin-bottom:12px}.feature-icon svg{width:16px;height:16px;stroke-width:2}.workshop-intro-section{padding:32px 0}.intro-container{padding:0 16px}.intro-title{font-size:28px}.intro-subtitle{font-size:16px}.intro-description{font-size:14px}.intro-badge{font-size:12px;padding:6px 14px}.intro-features{margin-top:32px}}.workshop-filters{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.2);padding:24px 0;position:sticky;top:80px;z-index:90;box-shadow:0 2px 8px #0000000d}.filters-container{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filter-group{flex:1;min-width:200px}.search-group{flex:2;min-width:300px}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .3s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff;cursor:pointer;transition:all .3s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select-searchable{width:100%}.filter-select-searchable .select-trigger{border:2px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff}.filter-select-searchable .select-trigger:focus,.filter-select-searchable .select-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-filter-group{position:relative}.category-select{min-width:220px}.category-select option{padding:8px 12px;font-size:14px;white-space:nowrap;display:block}.reset-filters-btn{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.reset-filters-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.workshops-content{max-width:1400px;margin:40px auto;padding:0 32px}.workshops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.workshop-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #2563eb1f;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.workshop-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px #2563eb40}.workshop-photo{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#2563eb)}.workshop-photo img{width:100%;height:100%;object-fit:cover}.workshop-content{padding:20px;display:flex;flex-direction:column;gap:12px}.workshop-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.workshop-name{font-size:20px;font-weight:700;color:#1e293b;margin:0;flex:1}.workshop-category{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.category-icon{font-size:18px}.workshop-location,.workshop-phone{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px}.workshop-location svg,.workshop-phone svg{width:18px;height:18px;color:#3b82f6;flex-shrink:0}.workshop-rating{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid #e2e8f0}.stars{display:flex;gap:2px}.star-icon{width:18px;height:18px;color:#fbbf24}.star-empty{color:#e2e8f0}.rating-value{font-weight:700;color:#0f172a!important;font-size:15px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.1)}.reviews-count{color:#64748b;font-size:13px}.review-form-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:1001;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.workshops-header-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.add-review-btn-header{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.add-review-btn-header:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.add-review-btn-header svg{width:20px;height:20px}@media(max-width:768px){.filters-container{flex-direction:column}.filter-group,.search-group{width:100%;min-width:unset}.workshops-grid{grid-template-columns:1fr}.header-container,.workshops-content{padding:0 16px}.modal-content{max-width:100%;padding:0}}.workshop-detail-page{min-height:100vh;background:linear-gradient(135deg,#dbeafe,#bfdbfe 30%,#93c5fd 50%,#60a5fa);padding-bottom:40px}.workshop-detail-header{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);box-shadow:0 4px 20px #2563eb40,0 2px 8px #3b82f633;position:sticky;top:0;z-index:100;border-bottom:2px solid rgba(96,165,250,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workshop-detail-header .header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:center;gap:30px}.workshop-detail-header .header-content .logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.workshop-detail-header .header-content .logo:hover{transform:translateY(-2px)}.workshop-detail-header .header-content .logo .logo-wrapper{background:transparent;border:none;box-shadow:none;padding:0}.workshop-detail-header .header-content .logo .logo-wrapper:hover{background:#ffffff26;box-shadow:0 4px 12px #fff3}.back-btn{padding:10px 20px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn svg{width:20px;height:20px;stroke:#fff}.back-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translate(-4px);box-shadow:0 4px 12px #0003}.workshop-detail-content{max-width:1400px;margin:40px auto;padding:0 32px}.workshop-main-info{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:40px}.workshop-photo-large{width:100%;height:400px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #2563eb33}.workshop-photo-large img{width:100%;height:100%;object-fit:cover}.workshop-info-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;box-shadow:0 8px 24px #2563eb26}.workshop-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.workshop-title{font-size:32px;font-weight:700;color:#1e293b;margin:0;flex:1}.verified-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 8px #10b9814d;transition:all .3s;cursor:help}.verified-badge:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #10b98166}.verified-badge svg{width:18px;height:18px;flex-shrink:0;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.workshop-category{display:flex;align-items:center;gap:8px;color:#64748b;font-size:16px;margin-bottom:16px}.category-icon{font-size:20px}.workshop-rating-summary{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.workshop-rating-summary .stars{display:flex;gap:4px}.workshop-rating-summary .star-icon{width:24px;height:24px;color:#fbbf24}.workshop-rating-summary .rating-value{font-size:24px;font-weight:700;color:#0f172a!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.workshop-rating-summary .reviews-count{color:#64748b;font-size:16px}.workshop-details{display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-item svg{width:24px;height:24px;color:#3b82f6;flex-shrink:0;margin-top:4px}.detail-item strong{display:block;color:#1e293b;margin-bottom:4px;font-size:15px}.detail-item p{margin:0;color:#475569;font-size:15px;line-height:1.6}.location-text{color:#64748b!important;font-size:14px!important}.phone-link{color:#3b82f6;text-decoration:none;font-weight:600;font-size:16px;transition:color .2s}.phone-link:hover{color:#2563eb;text-decoration:underline}.reviews-section{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;box-shadow:0 8px 24px #2563eb26}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.reviews-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.add-review-btn,.delete-review-btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.add-review-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.add-review-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.delete-review-btn{background:#ef4444;color:#fff}.delete-review-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.my-review-actions{display:flex;align-items:center;gap:16px}.my-review-note{color:#64748b;font-size:14px}.no-reviews{text-align:center;padding:40px;color:#64748b}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.review-user{font-size:16px;color:#1e293b}.review-rating{display:flex;gap:2px}.review-rating .star-icon{width:18px;height:18px;color:#fbbf24}.review-comment{color:#475569;line-height:1.6;margin:12px 0}.review-receipt{margin:12px 0}.review-receipt img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e2e8f0}.review-date{color:#94a3b8;font-size:13px;margin-top:8px}@media(max-width:968px){.workshop-main-info{grid-template-columns:1fr}.workshop-photo-large{height:300px}.workshop-title{font-size:24px}.reviews-header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:768px){.workshop-detail-header .header-content{padding:12px 16px;justify-content:center}.workshop-detail-content{padding:0 16px}.workshop-info-card,.reviews-section{padding:20px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-boundary-content{background:#fff;border-radius:20px;padding:48px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{width:80px;height:80px;margin:0 auto 24px;color:#ef4444;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon svg{width:48px;height:48px}.error-title{font-size:32px;font-weight:800;color:#1e293b;margin:0 0 16px}.error-message{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 32px}.error-details{margin:24px 0;text-align:left;background:#f8f9fa;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:600;color:#475569;margin-bottom:12px}.error-stack{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-size:12px;line-height:1.5;margin:0;font-family:Courier New,monospace}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-btn svg{width:20px;height:20px}.error-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.error-btn.secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.error-btn.secondary:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}@media(max-width:768px){.error-boundary-content{padding:32px 24px}.error-title{font-size:24px}.error-actions{flex-direction:column}.error-btn{width:100%;justify-content:center}}.ai-chatbot-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #3b82f666;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.ai-chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.ai-chatbot-toggle svg{width:24px;height:24px}.ai-chatbot-window{position:fixed;bottom:90px;right:24px;width:380px;height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:1001;overflow:hidden}.ai-chatbot-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}.ai-chatbot-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.ai-chatbot-title svg{width:20px;height:20px}.ai-chatbot-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.ai-chatbot-close:hover{background:#fff3}.ai-chatbot-close svg{width:18px;height:18px}.ai-chatbot-messages{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;background:#f8fafc}.ai-chatbot-message{display:flex;max-width:80%;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-chatbot-message.assistant{align-self:flex-start}.ai-chatbot-message{margin:8px 20px}.ai-chatbot-message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word}.ai-chatbot-message.user .ai-chatbot-message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom-right-radius:4px}.ai-chatbot-message.assistant .ai-chatbot-message-content{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.ai-chatbot-typing{display:flex;gap:4px;padding:8px 0}.ai-chatbot-typing span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:typing 1.4s infinite}.ai-chatbot-typing span:nth-child(2){animation-delay:.2s}.ai-chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.ai-chatbot-input-container{display:flex;gap:8px;padding:16px;background:#fff;border-top:1px solid #e2e8f0}.ai-chatbot-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.ai-chatbot-input:focus{border-color:#3b82f6}.ai-chatbot-input:disabled{background:#f1f5f9;cursor:not-allowed}.ai-chatbot-send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ai-chatbot-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.ai-chatbot-send:disabled{opacity:.5;cursor:not-allowed}.ai-chatbot-send svg{width:20px;height:20px}.ai-chatbot-categories{padding:20px;margin-bottom:16px}.ai-chatbot-categories-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px;text-align:center}.ai-chatbot-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.ai-chatbot-category-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ai-chatbot-category-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.ai-chatbot-category-icon{font-size:32px;line-height:1}.ai-chatbot-category-name{font-size:14px;font-weight:600;color:#1e293b}.ai-chatbot-category-description{font-size:11px;color:#64748b;line-height:1.3;margin-top:4px}.ai-chatbot-quick-actions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:16px}.ai-chatbot-quick-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:600;color:#1e293b}.ai-chatbot-back-button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;transition:all .2s;font-size:12px}.ai-chatbot-back-button:hover{background:#f1f5f9;color:#3b82f6}.ai-chatbot-back-button svg{width:16px;height:16px}.ai-chatbot-quick-actions-list{display:flex;flex-direction:column;gap:8px}.ai-chatbot-quick-action-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:13px;color:#1e293b;cursor:pointer;transition:all .2s;text-align:left;font-weight:500}.ai-chatbot-quick-action-button:hover:not(:disabled){background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8;transform:translate(4px)}.ai-chatbot-quick-action-button:disabled{opacity:.5;cursor:not-allowed}.ai-chatbot-quick-action-button.appointment-suggestion{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;font-weight:600}.ai-chatbot-quick-action-button.appointment-suggestion:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#059669;transform:translate(4px);box-shadow:0 4px 12px #10b9814d}.ai-chatbot-back-to-categories{width:44px;height:44px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ai-chatbot-back-to-categories:hover{background:#e2e8f0;color:#3b82f6;transform:scale(1.05)}.ai-chatbot-back-to-categories svg{width:20px;height:20px}.ai-chatbot-support-button-container{padding:16px;border-bottom:1px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:10;margin:0}.ai-chatbot-support-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ai-chatbot-support-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ai-chatbot-support-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-chatbot-support-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.ai-chatbot-support-modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ai-chatbot-support-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.ai-chatbot-support-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1e293b}.ai-chatbot-support-modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.ai-chatbot-support-modal-close:hover{background:#f1f5f9;color:#1e293b}.ai-chatbot-support-modal-body{padding:24px;flex:1;overflow-y:auto}.ai-chatbot-support-modal-description{margin:0 0 16px;color:#64748b;font-size:14px;line-height:1.6}.ai-chatbot-support-modal-textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s}.ai-chatbot-support-modal-textarea:focus{outline:none;border-color:#667eea}.ai-chatbot-support-modal-textarea:disabled{background:#f8fafc;cursor:not-allowed}.ai-chatbot-support-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.ai-chatbot-support-modal-cancel,.ai-chatbot-support-modal-submit{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.ai-chatbot-support-modal-cancel{background:#f1f5f9;color:#64748b}.ai-chatbot-support-modal-cancel:hover:not(:disabled){background:#e2e8f0;color:#475569}.ai-chatbot-support-modal-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-chatbot-support-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ai-chatbot-support-modal-cancel:disabled,.ai-chatbot-support-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.ai-chatbot-window{width:calc(100vw - 48px);height:calc(100vh - 120px);right:24px;left:24px;bottom:90px}.ai-chatbot-categories-grid{grid-template-columns:repeat(2,1fr)}.ai-chatbot-category-card{padding:12px 8px}.ai-chatbot-category-icon{font-size:24px}.ai-chatbot-category-name{font-size:12px}.ai-chatbot-category-description{font-size:10px}.ai-chatbot-support-modal{padding:10px}.ai-chatbot-support-modal-content{max-width:100%;max-height:95vh}.ai-chatbot-support-modal-header,.ai-chatbot-support-modal-body,.ai-chatbot-support-modal-footer{padding:16px}}