.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #666;box-shadow:0 2px 4px #0000001a;color:#111827;display:flex;height:60px;justify-content:center;left:0;padding:1rem 1rem 1rem 250px;position:fixed;right:0;top:0;transition:padding-left .3s;z-index:997}@media(max-width:768px){.navbar{align-items:center;flex-direction:row;height:60px;justify-content:space-between;padding:1rem}}@media(min-width:768px){.navbar{display:none}}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1rem}.navbar-link{color:#111827;text-decoration:none;transition:color .3s}.navbar-link:hover{color:#33a1b5}.search-container{align-items:center;display:flex;gap:5px;position:relative}.search-container .search-icon{color:#444;height:16px;left:10px;position:absolute;width:16px}.search-container input{background:#999;border:1px solid #666;border-radius:10px;padding-left:36px;width:250px}@media(max-width:768px){.search-container{margin-top:1rem;width:100%}}.hamburger-menu{border-radius:4px;cursor:pointer;display:none;padding:.5rem;transition:background-color .3s ease}.hamburger-menu:hover{background-color:#0000000d}@media(max-width:768px){.hamburger-menu{display:block}}.hamburger-menu div{background-color:#111827;border-radius:2px;height:3px;margin:4px 0;transition:.4s;width:25px}.hamburger-menu.active div:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active div:nth-child(2){opacity:0}.hamburger-menu.active div:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-right{align-items:center;display:flex;gap:10px}.navbar-right .client-logo{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;object-fit:cover;width:40px}.navbar-right .greeting{align-items:center;color:#111827;display:flex;font-size:1.2rem;font-weight:500;gap:8px;white-space:nowrap}.navbar-right .greeting .delegate-badge{background:linear-gradient(135deg,#33a1b5,#249795);border-radius:12px;box-shadow:0 2px 4px #33a1b54d;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}@media(max-width:768px){.navbar{padding:1rem}.navbar-right .greeting{font-size:1rem}.hamburger-menu{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:44px;min-width:44px}}.mobile-overlay{animation:fadeIn .3s ease-in-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.sidenav-logo{animation:fadeIn .5s forwards;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin-bottom:2rem;opacity:0}.sidenav-links{display:flex;flex-direction:column;gap:.5rem}.sidenav-link{align-items:center;border-radius:8px;color:#fffc;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidenav-link:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.sidenav-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidenav-link:hover:before{width:100%}.sidenav-link.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);box-shadow:0 4px 12px #33a1b54d;color:#fff;transform:translateX(4px)}.sidenav-link.active:before{width:100%}.sidenav-link .icon{font-size:1.25rem;text-align:center;transition:transform .3s ease;width:20px}.sidenav-link .text{flex-grow:1;font-size:.9rem;font-weight:500}.sidenav-link:hover .icon{transform:scale(1.1)}.sidenav{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-image:url(/static/media/bg-vivvy.96bcb3c518b4b4f9221d.png);background-position:50%;background-size:cover;border:none;box-shadow:4px 0 20px #00000026;color:#fff;display:flex;flex-direction:column;gap:1.5rem;height:100vh;left:0;opacity:1;overflow:hidden;padding:1.3rem;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:200px;z-index:999}.sidenav:before{background:linear-gradient(135deg,#1a1a2ee6,#16213ecc,#0f3460e6);content:"";height:100%;left:0;opacity:.85;position:absolute;top:0;width:100%;z-index:0}.sidenav:hover{box-shadow:4px 0 25px #0003;transform:translateY(-2px)}.sidenav>*{position:relative;z-index:1}.sidenav.mobile{left:-320px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px}.sidenav.mobile,.sidenav.mobile:hover{transform:translateX(0)}.sidenav.mobile.mobile-open{transform:translateX(320px)}.sidenav.collapsed{opacity:.95;width:80px}.sidenav.collapsed span{display:none}.sidenav.collapsed img{align-self:center!important}.sidenav.collapsed .link{justify-content:center!important}.sidenav.collapsed .sidenav-link .text{display:none}.sidenav.collapsed .sidenav-link .icon{display:flex;justify-content:center;margin:0 auto}.sidenav .sidenav-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sidenav .sidenav-header .close-mobile-menu{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .3s ease;width:32px}.sidenav .sidenav-header .close-mobile-menu:hover{background:#ffffff1a;transform:scale(1.1)}.sidenav .sidenav-header .close-mobile-menu svg{font-size:1.25rem}.sidenav.mobile .sidenav-header .close-mobile-menu{display:flex}.sidenav .sidenav-links .link{align-items:center;border-radius:8px;color:#fffc;display:block;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidenav .sidenav-links .link:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.sidenav .sidenav-links .link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidenav .sidenav-links .link:hover:before{width:100%}.sidenav .sidenav-bottom-links{gap:.5rem;margin-bottom:2rem;margin-top:auto}.sidenav .sidenav-bottom-links .link{align-items:center;border-radius:8px;color:#fffc;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidenav .sidenav-bottom-links .link:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.sidenav .sidenav-bottom-links .link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidenav .sidenav-bottom-links .link:hover:before{width:100%}.sidenav .sidenav-bottom-links button.link{all:unset;align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidenav .sidenav-bottom-links button.link:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:-1}.sidenav .sidenav-bottom-links button.link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidenav .sidenav-bottom-links button.link:hover:before{width:100%}.active{background:linear-gradient(135deg,#33a1b5,#68dbb8)!important;box-shadow:0 4px 12px #33a1b54d!important;color:#fff!important;transform:translateX(4px)!important}.sidenav img{align-self:flex-start;cursor:pointer;margin-bottom:0;transition:transform .3s ease;width:80%}.sidenav img:hover{transform:scale(1.05)}@media(max-width:768px){.sidenav:not(.mobile){display:none}}.chat-assistant{bottom:8em;max-height:90vh;overflow:hidden;position:fixed;right:-20px;transform:translateY(100%);transition:max-height .3s ease-in-out,transform .3s ease-in-out;width:500px}.chat-assistant.open{animation:slideIn .3s ease-in-out;background-color:#000;max-height:100%;transform:translateY(0)}.chat-assistant .chat-header{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px}.chat-assistant .chat-header .chat-icon{height:40px;width:40px}.chat-assistant .chat-body{display:flex;flex-direction:column;gap:10px;padding:10px}.chat-assistant .chat-body .prompt-input,.chat-assistant .chat-body .response-output{background-color:#999;border:1px solid #666;border-radius:5px;color:#f5f5f5;padding:10px;resize:none;width:100%}.chat-assistant .chat-body .analyze-button{background-color:#33a1b5;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease-in-out}.chat-assistant .chat-body .analyze-button:hover{background-color:#4ebacd}.chat-assistant .chat-body .spinner-container{align-items:center;display:flex;flex-direction:column}.chat-assistant .chat-body .spinner-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #666;border-radius:50%;border-top-color:#33a1b5;height:24px;width:24px}.chat-assistant .chat-body .spinner-container .spinner-text{color:#f5f5f5;margin-top:10px}.chat-assistant .chat-body .response-label{color:#f5f5f5;font-weight:700}.chat-assistant .chat-body .copied-notification{color:#33a1b5;font-size:.9rem}.loader-overlay{align-items:center;animation:fadeIn .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.loader-overlay:before{animation:backgroundFloat 20s ease-in-out infinite;background:url(/static/media/bg-vivvy.96bcb3c518b4b4f9221d.png) no-repeat 50%;background-size:cover;opacity:.1}.loader-overlay:after,.loader-overlay:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loader-overlay:after{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#33a1b51a 0,#0000 70%)}.loader-content{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative;text-align:center;z-index:10}.spinner{height:80px;position:relative;width:80px}.spinner:before{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#33a1b5;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.spinner:after{animation:spin 1.5s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-top-color:#68dbb8;content:"";height:calc(100% + 6px);left:-3px;opacity:.6;position:absolute;top:-3px;width:calc(100% + 6px)}.loader-text{-webkit-text-fill-color:#0000;animation:textGlow 2s ease-in-out infinite alternate;animation:textShimmer 3s ease infinite,textGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#68dbb8,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 8px #0000004d}.loader-subtitle{animation:fadeInUp .8s ease-out .3s both;color:#ffffffb3;font-size:1rem;font-weight:400;margin:0}.loader-dots{display:flex;gap:.5rem;margin-top:1rem}.loader-dots .dot{animation:dotPulse 1.5s ease-in-out infinite;background:#33a1b5;border-radius:50%;height:8px;width:8px}.loader-dots .dot:nth-child(2){animation-delay:.2s}.loader-dots .dot:nth-child(3){animation-delay:.4s}.loader-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;position:relative;width:200px}.loader-progress:before{animation:progressMove 2s ease-in-out infinite;background:linear-gradient(90deg,#33a1b5,#68dbb8);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:30%}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:768px){.loader-content{gap:1.5rem}.spinner{height:60px;width:60px}.loader-text{font-size:1.25rem}.loader-subtitle{font-size:.9rem}.loader-progress{width:150px}}.dashboard{animation:fadeInDashboard .8s ease-in-out;background:linear-gradient(145deg,#f9f9f9,#e0e0e0);border-radius:16px;padding:2rem}@media(max-width:768px){.dashboard{border-radius:12px;margin-top:1rem;padding:1rem}}.dashboard.locked{filter:grayscale(1);pointer-events:none;position:relative}.dashboard.locked:after{background:#000c;border-radius:12px;box-shadow:0 0 20px #0006;color:#fff;content:"Unlock Dashboard with Premium Tier Subscription";font-size:1.5rem;left:50%;padding:2rem 3rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:999}@media(max-width:768px){.dashboard.locked:after{font-size:1.2rem;max-width:300px;padding:1.5rem;width:90%}}.dashboard .dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}@media(max-width:768px){.dashboard .dashboard-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}}.dashboard .dashboard-header .greeting{flex:1 1;min-width:220px}@media(max-width:768px){.dashboard .dashboard-header .greeting{min-width:auto}}.dashboard .dashboard-header .greeting h1{color:#2d2d2d;font-size:2rem;margin:0}@media(max-width:768px){.dashboard .dashboard-header .greeting h1{font-size:1.5rem}}.dashboard .dashboard-header .greeting p{color:#666;font-size:1.1rem;margin:.5rem 0 0}@media(max-width:768px){.dashboard .dashboard-header .greeting p{font-size:1rem}}.dashboard .dashboard-header .client-logo{border:3px solid #33a1b5;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:80px;object-fit:contain;width:80px}@media(max-width:768px){.dashboard .dashboard-header .client-logo{height:60px;width:60px}}.dashboard .stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}@media(max-width:768px){.dashboard .stats-overview{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}}.dashboard .stats-overview .stat-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease}@media(max-width:768px){.dashboard .stats-overview .stat-box{padding:1rem}}.dashboard .stats-overview .stat-box:hover{transform:translateY(-5px)}.dashboard .stats-overview .stat-box h3{color:#999;font-size:1rem;margin-bottom:.5rem}@media(max-width:768px){.dashboard .stats-overview .stat-box h3{font-size:.9rem}}.dashboard .stats-overview .stat-box p{color:#333;font-size:2rem;font-weight:700}@media(max-width:768px){.dashboard .stats-overview .stat-box p{font-size:1.5rem}}.dashboard .carousel-container{display:flex;gap:2rem;overflow-x:auto;padding:2rem 0;scroll-snap-type:x mandatory}@media(max-width:768px){.dashboard .carousel-container{gap:1rem;padding:1rem 0}}.dashboard .carousel-container::-webkit-scrollbar{height:8px}.dashboard .carousel-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dashboard .carousel-container>*{flex:0 0 auto;scroll-snap-align:center}.dashboard .map-section{border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:5px;margin-top:2rem;overflow:visible!important}@media(max-width:768px){.dashboard .map-section{border-radius:12px;margin-top:1rem}}.dashboard .map-section h2{background:linear-gradient(90deg,#33a1b5,#28c39a);border-radius:16px;color:#fff;font-size:1.5rem;margin:0 0 16px;padding:1rem;text-align:center}@media(max-width:768px){.dashboard .map-section h2{border-radius:12px;font-size:1.2rem;padding:.75rem}}.dashboard .map-section .map-container{height:450px;width:100%}@media(max-width:768px){.dashboard .map-section .map-container{height:300px}}.stats-overview-section{margin-top:2rem}@media(max-width:768px){.stats-overview-section{margin-top:1rem}}.dashboard-main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;margin-top:2rem}@media(max-width:900px){.dashboard-main-grid{gap:1rem;grid-template-columns:1fr}}@media(max-width:768px){.dashboard-main-grid{margin-top:1rem}}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:2rem}@media(max-width:768px){.dashboard-left,.dashboard-right{gap:1rem}}.ai-btn-container{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-top:2em}@media(max-width:768px){.ai-btn-container{justify-content:center;margin-left:0;margin-top:1em}}.ai-btn-container button{box-shadow:0 6px 16px #14b8a633;font-size:1rem;padding:.6rem 1.3rem}@media(max-width:768px){.ai-btn-container button{font-size:.9rem;max-width:200px;padding:.5rem 1rem;width:100%}}.mapboxgl-popup,.mapboxgl-popup-content{z-index:99999!important}.mapboxgl-popup{position:absolute!important}.mapboxgl-popup-content{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:none!important;border-radius:20px!important;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #fffc!important;font-family:Outfit,sans-serif!important;max-width:380px!important;overflow:hidden!important;padding:0!important;position:relative!important}.mapboxgl-popup-content:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#28c39a)!important;border-radius:20px 20px 0 0!important;content:""!important;height:3px!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.mapboxgl-popup-tip{border-bottom-color:#f8fafc!important;border-top-color:#f8fafc!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))!important}.mapboxgl-popup-close-button{align-items:center!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background:linear-gradient(135deg,#ffffffe6,#ffffffb3)!important;border:1px solid #0000001a!important;border-radius:50%!important;color:#666!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:28px!important;justify-content:center!important;position:absolute!important;right:12px!important;top:12px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;width:28px!important;z-index:10!important}.mapboxgl-popup-close-button:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;box-shadow:0 4px 12px #ff6b6b4d!important;color:#fff!important;transform:scale(1.1) rotate(90deg)!important}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popupShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mapboxgl-popup-content{animation:popupFloat 6s ease-in-out infinite!important}@keyframes popupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mapboxgl-popup-content li{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.mapboxgl-popup-content li:hover{border-left-color:#68dbb8!important;box-shadow:0 4px 12px #33a1b533!important;transform:translateX(4px) scale(1.02)!important}.mapboxgl-popup-content a{transition:all .3s ease!important}.mapboxgl-popup-content a:hover{color:#68dbb8!important;text-shadow:0 0 8px #68dbb84d!important}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.chart-section{margin-top:2rem}.chart-section h2{background:linear-gradient(90deg,#33a1b5,#28c39a);border-radius:16px;color:#fff;font-size:1.5rem;margin:0 0 5px;padding:1rem;text-align:center}.chart-section .chart-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.chart-section .chart-grid .chart-box{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;flex:1 1 300px;max-width:480px;padding:.25rem;transition:transform .3s ease,box-shadow .3s ease}.chart-section .chart-grid .chart-box:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-5px)}.chart-section .chart-grid .chart-box h3{color:#333;font-size:1.25rem;margin-bottom:1rem;text-align:center}.chart-section .chart-grid .chart-box canvas{border-radius:8px;height:auto!important;width:100%!important}.survey-list .survey-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.survey-list .survey-header h2{color:#2d2d2d;font-size:1.8rem;font-weight:600;margin:0}.survey-list .survey-header .survey-stats{display:flex;gap:1.5rem}.survey-list .survey-header .survey-stats .stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.survey-list .survey-header .survey-stats .stat-item .stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.survey-list .survey-header .survey-stats .stat-item .stat-value{color:#33a1b5;font-size:1.1rem;font-weight:700}.survey-list .filters-container{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.survey-list .filters-container .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.survey-list .filters-container .filter-group .filter-label{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.survey-list .filters-container .filter-group .filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem;transition:all .3s ease}.survey-list .filters-container .filter-group .filter-select:hover{border-color:#33a1b5;box-shadow:0 0 0 3px #3dd57d1a}.survey-list .filters-container .filter-group .filter-select:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #3dd57d33;outline:none}.survey-list .filters-container .filter-group .sentiment-filters{display:flex;flex-wrap:wrap;gap:.5rem}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn.active{background:linear-gradient(135deg,#33a1b5,#28c39a);border-color:#33a1b5;box-shadow:0 4px 12px #3dd57d4d;color:#fff}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-icon{font-size:1.2rem}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-icon.positive{color:#28a745}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-icon.neutral{color:#ffc107}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-icon.negative{color:#ff6b35}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-text{color:#2d2d2d;font-weight:600}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn .sentiment-count{background:#0000001a;border-radius:12px;font-size:.8rem;font-weight:700;min-width:20px;padding:.2rem .5rem;text-align:center}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn.active .sentiment-count{background:#fff3}.survey-list .filters-container .filter-group .date-filters{align-items:center;display:flex;gap:.75rem}.survey-list .filters-container .filter-group .date-filters .date-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;min-width:140px;padding:.75rem;transition:all .3s ease}.survey-list .filters-container .filter-group .date-filters .date-input:hover{border-color:#33a1b5;box-shadow:0 0 0 3px #3dd57d1a}.survey-list .filters-container .filter-group .date-filters .date-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #3dd57d33;outline:none}.survey-list .filters-container .filter-group .date-filters .date-separator{color:#6c757d;font-size:.9rem;font-weight:500}.survey-list .filters-container .clear-filters-btn{align-self:flex-end;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.survey-list .filters-container .clear-filters-btn:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.survey-list .no-results{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:12px;margin:2rem 0;padding:3rem 2rem;text-align:center}.survey-list .no-results p{color:#6c757d;font-size:1.1rem;margin-bottom:1rem}.survey-list .no-results .clear-filters-btn{background:linear-gradient(135deg,#33a1b5,#28c39a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.survey-list .no-results .clear-filters-btn:hover{box-shadow:0 4px 12px #3dd57d4d;transform:translateY(-2px)}.survey-list table{animation:fadeInUp .4s ease-in-out;background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:1rem;overflow:hidden;width:100%}.survey-list table td,.survey-list table th{border-bottom:1px solid #f0f0f0;padding:1rem;text-align:left}.survey-list table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.survey-list table tr{transition:all .3s ease}.survey-list table tr:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 2px 8px #0000001a;transform:scale(1.01)}.survey-list table tr.sentiment-positive{background:linear-gradient(135deg,#28a7450d,#28a74505);border-left:4px solid #28a745}.survey-list table tr.sentiment-neutral{background:linear-gradient(135deg,#ffc1070d,#ffc10705);border-left:4px solid #ffc107}.survey-list table tr.sentiment-negative{background:linear-gradient(135deg,#ff6b350d,#ff6b3505);border-left:4px solid #ff6b35}.survey-list table tr:last-child{border-bottom:none}.survey-list table .sentiment-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-transform:capitalize}.survey-list table .sentiment-badge.positive{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.survey-list table .sentiment-badge.neutral{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.survey-list table .sentiment-badge.negative{background:linear-gradient(135deg,#ffe8e0,#ffd4c7);border:1px solid #ffd4c7;color:#b45309}.survey-list .pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.survey-list .pagination button{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-weight:600;min-width:45px;padding:.75rem 1rem;transition:all .3s ease}.survey-list .pagination button:hover{border-color:#33a1b5;box-shadow:0 4px 12px #3dd57d33;transform:translateY(-2px)}.survey-list .pagination button.active{background:linear-gradient(135deg,#33a1b5,#28c39a);border-color:#33a1b5;box-shadow:0 4px 12px #3dd57d4d;color:#fff}.survey-modal .modal-content{animation:popIn .3s ease-in-out;border:2px solid #33a1b5;box-shadow:0 0 20px #3dd57d33}.survey-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.survey-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;padding:2rem;position:relative;width:90%}.modal-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}@media(max-width:600px){.modal-header{align-items:stretch;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.sentiment-selector{align-items:stretch!important}}.sentiment-selector-card{animation:popIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #33a1b51a;border-radius:16px;box-shadow:0 8px 32px #33a1b514,0 2px 8px #68dbb80f;max-width:380px;min-width:320px;padding:1rem}.sentiment-selector,.sentiment-selector-card{align-items:flex-end;display:flex;flex-direction:column;position:relative}.sentiment-selector{gap:.5rem;width:100%}.sentiment-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.3px;margin-bottom:.75rem}.sentiment-options{display:flex;gap:.5rem;margin-bottom:.25rem}.sentiment-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;overflow:hidden;padding:.6rem .8rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sentiment-option:hover{border-color:#d1d5db;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.sentiment-option.active{animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 3px #2497951a,0 6px 20px #2497951a;position:relative;transform:scale(1.05);z-index:2}.sentiment-option.positive.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724!important}.sentiment-option.neutral.active{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107;color:#856404!important}.sentiment-option.negative.active{background:linear-gradient(135deg,#ffe8e0,#ffd4c7);border-color:#ff6b35;color:#b45309!important}.sentiment-sparkle{animation:sparklePop 1.2s cubic-bezier(.34,1.56,.64,1) infinite alternate;display:inline-block;filter:drop-shadow(0 0 8px rgba(255,255,255,.5333333333)) drop-shadow(0 0 4px #68dbb8);font-size:1.2em;margin-left:.25em}@keyframes sparklePop{0%{opacity:.7;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}to{opacity:.7;transform:scale(.8) rotate(-10deg)}}@keyframes bounceIn{0%{transform:scale(.95)}60%{transform:scale(1.12)}to{transform:scale(1.08)}}.sentiment-saved{align-items:center;animation:fadeInOut 1.5s;background:linear-gradient(90deg,#3dd57d,#28c39a);border-radius:16px;box-shadow:0 2px 8px #3dd57d1f;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5em;opacity:0;padding:.3em 1em;pointer-events:none;position:absolute;right:1.5rem;top:.5rem;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1.25rem;top:1rem;transition:color .2s}.close-btn:hover{color:#ff6b35}.chat-history{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.chat-bubble{border-radius:12px;font-size:1rem;line-height:1.4;max-width:80%;padding:1rem}.chat-bubble.assistant{align-self:flex-start;background:#f1f1f1}.chat-bubble.user{align-self:flex-end;background:#33a1b5;color:#fff}.chat-footer{align-items:flex-start;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.85rem;gap:2rem;justify-content:space-between;margin:0 -2rem -2rem;padding:1.5rem 2rem 2rem}.chat-footer .footer-left{flex:1 1;max-width:300px}.chat-footer .footer-left small{display:block;line-height:1.5}.chat-footer .footer-left small strong{color:#374151;font-weight:600}.chat-footer .footer-left small .sentiment-positive{color:#059669}.chat-footer .footer-left small .sentiment-neutral{color:#d97706}.chat-footer .footer-left small .sentiment-negative{color:#dc2626}.chat-footer .footer-right{flex-shrink:0}@media(max-width:768px){.survey-list .survey-header{flex-direction:column;gap:1rem;text-align:center}.survey-list .survey-header .survey-stats{justify-content:center}.survey-list .filters-container{flex-direction:column;gap:1rem}.survey-list .filters-container .filter-group{min-width:auto}.survey-list .filters-container .filter-group .sentiment-filters{justify-content:center}.survey-list .filters-container .filter-group .sentiment-filters .sentiment-btn{flex:1 1;min-width:100px}.survey-list .filters-container .filter-group .date-filters{flex-direction:column;gap:.5rem}.survey-list .filters-container .filter-group .date-filters .date-input{min-width:auto;width:100%}.survey-list table td,.survey-list table th{font-size:.9rem;padding:.75rem .5rem}.survey-list table .sentiment-badge{font-size:.8rem;padding:.4rem .8rem}.chat-footer{flex-direction:column;gap:1.5rem;margin:0 -1rem -1rem;padding:1.5rem 1rem 1rem}.chat-footer .footer-left{max-width:none}.chat-footer .footer-right .sentiment-selector-card{max-width:none;min-width:auto;width:100%}.sentiment-options{flex-direction:column;gap:.5rem}.sentiment-options .sentiment-option{min-width:auto;width:100%}}.vivvy-search-container{margin:0 auto;max-width:600px;width:100%}.vivvy-search-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #00000014;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;cursor:pointer;display:flex;overflow:hidden;padding:18px 22px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.vivvy-search-bar:before{background:linear-gradient(135deg,#33a1b508,#68dbb808 50%,#4598e208);bottom:0;left:0;right:0;top:0}.vivvy-search-bar:after,.vivvy-search-bar:before{border-radius:16px;content:"";opacity:0;position:absolute;transition:opacity .4s ease}.vivvy-search-bar:after{background:linear-gradient(135deg,#33a1b5,#68dbb8,#4598e2);bottom:-1px;left:-1px;right:-1px;top:-1px;z-index:-1}.vivvy-search-bar:hover{background:#fffffff2;border-color:#0000001f;box-shadow:0 8px 25px #33a1b526,0 4px 12px #00000014,0 2px 4px #0000000f;transform:translateY(-2px)}.vivvy-search-bar:hover:before{opacity:1}.vivvy-search-bar:hover:after{opacity:.3}.vivvy-search-bar:hover .search-icon{color:#33a1b5;transform:scale(1.05)}.vivvy-search-bar:hover .search-arrow{color:#33a1b5;transform:translateX(3px) scale(1.1)}.vivvy-search-bar:active{transform:translateY(-1px);transition:all .1s ease}.vivvy-search-bar .search-icon{color:#999;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));margin-right:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.vivvy-search-bar .search-content{display:flex;flex:1 1;flex-direction:column;gap:3px}.vivvy-search-bar .search-title{color:#111827;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.vivvy-search-bar .search-placeholder{color:#666;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.3}.vivvy-search-bar .search-arrow{color:#999;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));margin-left:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.vivvy-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.vivvy-modal-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:80vh;max-width:700px;opacity:0;overflow:hidden;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:90%}.vivvy-modal-content.expanded{opacity:1;transform:scale(1) translateY(0)}.vivvy-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #0000000f;display:flex;padding:24px 32px}.vivvy-modal-header .vivvy-avatar{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:50%;box-shadow:0 4px 12px #33a1b54d;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.vivvy-modal-header .vivvy-avatar .vivvy-avatar-icon{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em}.vivvy-modal-header .vivvy-header-text{flex:1 1}.vivvy-modal-header .vivvy-header-text h3{color:#1a1a1a;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.vivvy-modal-header .vivvy-header-text .vivvy-status{color:#666;font-size:14px;font-weight:400}.vivvy-modal-header .vivvy-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.vivvy-modal-header .vivvy-close-btn:hover{background:#0000000d;color:#666}.vivvy-modal-header .vivvy-close-btn:active{transform:scale(.95)}.vivvy-chat-container{background:#fafbfc;flex:1 1;overflow-y:auto;padding:24px 32px}.vivvy-chat-container .vivvy-messages{display:flex;flex-direction:column;gap:20px}.vivvy-chat-container .vivvy-message{align-items:flex-start;animation:messageSlideIn .3s ease-out;display:flex;gap:12px}.vivvy-chat-container .vivvy-message.vivvy-bot .vivvy-avatar-small{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:50%;box-shadow:0 2px 8px #33a1b533;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.vivvy-chat-container .vivvy-message.vivvy-bot .vivvy-avatar-small:after{color:#fff;content:"V";font-size:14px;font-weight:600}.vivvy-chat-container .vivvy-message.vivvy-bot .vivvy-message-content{background:#fff;border:1px solid #0000000a;border-radius:18px 18px 18px 6px;box-shadow:0 2px 8px #0000000f;max-width:80%;padding:16px 20px}.vivvy-chat-container .vivvy-message.vivvy-bot .vivvy-message-content p{color:#1a1a1a;font-size:15px;line-height:1.5;margin:0}.vivvy-chat-container .vivvy-message.vivvy-user{justify-content:flex-end}.vivvy-chat-container .vivvy-message.vivvy-user .vivvy-message-content{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:18px 18px 6px 18px;color:#fff;max-width:80%;padding:16px 20px}.vivvy-chat-container .vivvy-message.vivvy-user .vivvy-message-content p{color:#fff;font-size:15px;line-height:1.5;margin:0}.vivvy-chat-container .vivvy-typing{align-items:center;display:flex;gap:12px}.vivvy-chat-container .vivvy-typing .typing-dots{display:flex;gap:4px}.vivvy-chat-container .vivvy-typing .typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:#ccc;border-radius:50%;height:6px;width:6px}.vivvy-chat-container .vivvy-typing .typing-dots span:first-child{animation-delay:-.32s}.vivvy-chat-container .vivvy-typing .typing-dots span:nth-child(2){animation-delay:-.16s}.vivvy-chat-container .vivvy-typing .typing-dots span:nth-child(3){animation-delay:0s}.vivvy-chat-container .vivvy-typing .typing-text{color:#666;font-size:14px;font-style:italic}.vivvy-input-container{background:#fff;border-top:1px solid #0000000f;padding:24px 32px}.vivvy-input-container .vivvy-input-wrapper{align-items:flex-end;background:#f8fafc;border:1px solid #00000014;border-radius:20px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.vivvy-input-container .vivvy-input-wrapper:focus-within{background:#fff;border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a}.vivvy-input-container .vivvy-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:15px;line-height:1.4;max-height:120px;min-height:20px;outline:none;resize:none}.vivvy-input-container .vivvy-input::placeholder{color:#999}.vivvy-input-container .vivvy-input:disabled{opacity:.6}.vivvy-input-container .vivvy-send-btn{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.vivvy-input-container .vivvy-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #33a1b54d;transform:scale(1.05)}.vivvy-input-container .vivvy-send-btn:active:not(:disabled){transform:scale(.95)}.vivvy-input-container .vivvy-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(max-width:768px){.vivvy-search-container{max-width:100%}.vivvy-search-bar{border-radius:14px;padding:16px 18px}.vivvy-search-bar .search-title{font-size:16px}.vivvy-search-bar .search-placeholder{font-size:13px}.vivvy-modal-content{border-radius:20px;max-height:90vh;width:95%}.vivvy-modal-header{padding:20px 24px}.vivvy-modal-header .vivvy-avatar{height:40px;width:40px}.vivvy-modal-header .vivvy-avatar .vivvy-avatar-icon{font-size:18px}.vivvy-modal-header h3{font-size:16px}.vivvy-chat-container,.vivvy-input-container{padding:20px 24px}.vivvy-message .vivvy-message-content{max-width:90%}}.delegate-management{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:2rem}.delegate-management .delegate-header{margin-bottom:2rem}.delegate-management .delegate-header h2{color:#111827;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.delegate-management .delegate-header p{color:#888;margin-bottom:1.5rem}.delegate-management .delegate-header .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1.5rem}.delegate-management .delegate-header .stats-grid .stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.delegate-management .delegate-header .stats-grid .stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.delegate-management .delegate-header .stats-grid .stat-card .stat-number{color:#33a1b5;display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem}.delegate-management .delegate-header .stats-grid .stat-card .stat-label{color:#888;font-size:.85rem;font-weight:500}.delegate-management .delegate-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.delegate-management .delegate-tabs .tab-btn{background:none;border:none;border-radius:8px;color:#888;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.delegate-management .delegate-tabs .tab-btn:hover{background:#f1f5f9;color:#33a1b5}.delegate-management .delegate-tabs .tab-btn.active{background:#33a1b51a;color:#33a1b5}.delegate-management .delegate-tabs .tab-btn.active:after{background:#33a1b5;border-radius:1px;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;right:0}.delegate-management .action-bar{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.delegate-management .action-bar .invite-btn{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.delegate-management .action-bar .invite-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.delegate-management .delegates-list .empty-state{color:#888;padding:3rem;text-align:center}.delegate-management .delegates-list .empty-state p{font-size:1.1rem;margin:0}.delegate-management .delegates-list .delegate-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.delegate-management .delegates-list .delegate-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.delegate-management .delegates-list .delegate-card.inactive{background:#f8fafc;opacity:.6}.delegate-management .delegates-list .delegate-card .delegate-info{flex:1 1}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main{margin-bottom:1rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main h3{color:#111827;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main .delegate-email{color:#33a1b5;font-weight:500;margin-bottom:.5rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main .delegate-store{color:#888;font-size:.9rem;margin-bottom:.5rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main .delegate-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-main .delegate-meta .delegate-date{color:#888;font-size:.85rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-permissions h4{color:#111827;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-permissions .permissions-grid{display:flex;flex-wrap:wrap;gap:.75rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-permissions .permissions-grid .permission{border-radius:6px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-permissions .permissions-grid .permission.granted{background:#10b9811a;color:#059669}.delegate-management .delegates-list .delegate-card .delegate-info .delegate-permissions .permissions-grid .permission.denied{background:#ef44441a;color:#dc2626}.delegate-management .delegates-list .delegate-card .delegate-actions{display:flex;flex-direction:column;gap:.5rem}.delegate-management .delegates-list .delegate-card .delegate-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.delegate-management .delegates-list .delegate-card .delegate-actions button.edit-btn{background:#33a1b51a;color:#33a1b5}.delegate-management .delegates-list .delegate-card .delegate-actions button.edit-btn:hover{background:#33a1b533}.delegate-management .delegates-list .delegate-card .delegate-actions button.toggle-btn.activate{background:#10b9811a;color:#059669}.delegate-management .delegates-list .delegate-card .delegate-actions button.toggle-btn.activate:hover{background:#10b98133}.delegate-management .delegates-list .delegate-card .delegate-actions button.toggle-btn.deactivate{background:#f59e0b1a;color:#d97706}.delegate-management .delegates-list .delegate-card .delegate-actions button.toggle-btn.deactivate:hover{background:#f59e0b33}.delegate-management .delegates-list .delegate-card .delegate-actions button.delete-btn{background:#ef44441a;color:#dc2626}.delegate-management .delegates-list .delegate-card .delegate-actions button.delete-btn:hover{background:#ef444433}.delegate-management .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.delegate-management .status-badge.active{background:#10b9811a;color:#059669}.delegate-management .status-badge.inactive{background:#6b72801a;color:#6b7280}.delegate-management .status-badge.pending{background:#f59e0b1a;color:#d97706}.delegate-management .role-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.delegate-management .role-badge.blue{background:#33a1b51a;color:#33a1b5}.delegate-management .role-badge.green{background:#10b9811a;color:#059669}.delegate-management .role-badge.gray{background:#6b72801a;color:#6b7280}.delegate-management .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delegate-management .modal-overlay .modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.delegate-management .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.delegate-management .modal-overlay .modal-content .modal-header h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.delegate-management .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.delegate-management .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f1f5f9;color:#33a1b5}.delegate-management .modal-overlay .modal-content .modal-body{padding:2rem}.delegate-management .modal-overlay .modal-content .modal-body .form-group{margin-bottom:1.5rem}.delegate-management .modal-overlay .modal-content .modal-body .form-group label{color:#111827;display:block;font-weight:600;margin-bottom:.5rem}.delegate-management .modal-overlay .modal-content .modal-body .form-group .modern-input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.delegate-management .modal-overlay .modal-content .modal-body .form-group .modern-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.delegate-management .modal-overlay .modal-content .modal-body .form-group .modern-input.disabled{background:#f8fafc;color:#888;cursor:not-allowed}.delegate-management .modal-overlay .modal-content .modal-body .form-group .modern-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.delegate-management .modal-overlay .modal-content .modal-body .form-group .modern-select:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.delegate-management .modal-overlay .modal-content .modal-body .form-group .store-selection{grid-gap:.75rem;border:2px solid #e2e8f0;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:1rem}.delegate-management .modal-overlay .modal-content .modal-body .form-group .store-selection .store-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.delegate-management .modal-overlay .modal-content .modal-body .form-group .store-selection .store-checkbox:hover{background:#f1f5f9}.delegate-management .modal-overlay .modal-content .modal-body .form-group .store-selection .store-checkbox input[type=checkbox]{accent-color:#33a1b5;height:16px;width:16px}.delegate-management .modal-overlay .modal-content .modal-body .form-group .permissions-form{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.delegate-management .modal-overlay .modal-content .modal-body .form-group .permissions-form .permission-checkbox{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .3s ease}.delegate-management .modal-overlay .modal-content .modal-body .form-group .permissions-form .permission-checkbox:hover{background:#f8fafc;border-color:#33a1b5}.delegate-management .modal-overlay .modal-content .modal-body .form-group .permissions-form .permission-checkbox input[type=checkbox]{accent-color:#33a1b5;height:16px;width:16px}.delegate-management .modal-overlay .modal-content .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.delegate-management .modal-overlay .modal-content .modal-footer .cancel-btn{background:#f1f5f9;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.delegate-management .modal-overlay .modal-content .modal-footer .cancel-btn:hover{background:#e2e8f0}.delegate-management .modal-overlay .modal-content .modal-footer .save-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.delegate-management .modal-overlay .modal-content .modal-footer .save-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-1px)}.delegate-management .loading-state{padding:3rem;text-align:center}.delegate-management .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#33a1b5;height:40px;margin:0 auto 1rem;width:40px}.delegate-management .loading-state p{color:#888;margin:0}.delegate-management .error-message,.delegate-management .success-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.delegate-management .error-message .error-icon,.delegate-management .error-message .success-icon,.delegate-management .success-message .error-icon,.delegate-management .success-message .success-icon{font-size:1.2rem}.delegate-management .success-message{background:#10b9811a;border:1px solid #10b98133;color:#059669}.delegate-management .error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}@media(max-width:768px){.delegate-management{padding:1rem}.delegate-management .delegate-header .stats-grid{grid-template-columns:repeat(2,1fr)}.delegate-management .delegate-tabs{flex-direction:column;gap:.25rem}.delegate-management .delegate-tabs .tab-btn{text-align:left}.delegate-management .delegate-card{flex-direction:column;gap:1rem}.delegate-management .delegate-card .delegate-actions{flex-direction:row;justify-content:flex-start}.delegate-management .modal-overlay .modal-content{margin:1rem;width:95%}.delegate-management .modal-overlay .modal-content .modal-body,.delegate-management .modal-overlay .modal-content .modal-footer,.delegate-management .modal-overlay .modal-content .modal-header{padding:1rem}.delegate-management .modal-overlay .modal-content .modal-body .form-group .permissions-form,.delegate-management .modal-overlay .modal-content .modal-body .form-group .store-selection{grid-template-columns:1fr}}.settings-container{animation:fadeInDashboard .8s ease-in-out;background:linear-gradient(145deg,#f9f9f9,#e0e0e0);border-radius:16px;min-height:calc(100vh - 4rem);padding:2rem}@media(max-width:768px){.settings-container{border-radius:12px;padding:1rem}}.settings-header{animation:fadeInUp .6s ease-out;margin-bottom:3rem;text-align:center}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}@media(max-width:768px){.settings-header h1{font-size:2rem}}.settings-header p{color:#6b7280;font-size:1.1rem;margin:0}.error-message,.success-message{align-items:center;animation:slideInDown .4s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.error-message .error-icon,.error-message .success-icon,.success-message .error-icon,.success-message .success-icon{font-size:1.2rem}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.error-message{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fed7aa;color:#ff6b35}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.settings-grid{gap:1.5rem;grid-template-columns:1fr}}.settings-section{animation:fadeInUp .6s ease-out .2s both;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem}@media(max-width:768px){.settings-section{border-radius:12px;padding:1.5rem}}.settings-section.full-width{grid-column:1/-1}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.section-header .edit-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.section-header .edit-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.section-header .store-count{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.section-header .store-header-actions{align-items:center;display:flex;gap:1rem}.section-header .store-header-actions .limit-warning{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;color:#92400e;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.profile-display{align-items:flex-start;display:flex;gap:2rem}@media(max-width:768px){.profile-display{flex-direction:column;gap:1rem}}.profile-display .profile-info{flex:1 1}.profile-display .profile-info .info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 0}.profile-display .profile-info .info-row:last-child{border-bottom:none}.profile-display .profile-info .info-row .label{color:#4b5563;font-size:.95rem;font-weight:600}.profile-display .profile-info .info-row .value{color:#1f2937;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.profile-display .logo-display img{border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:contain;width:100px}@media(max-width:768px){.profile-display .logo-display img{height:80px;width:80px}}.edit-form .form-group{margin-bottom:1.5rem}.edit-form .form-group label{color:#4b5563;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.edit-form .form-group .modern-input,.edit-form .form-group .modern-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.edit-form .form-group .modern-input:focus,.edit-form .form-group .modern-select:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.edit-form .form-group .modern-input:hover,.edit-form .form-group .modern-select:hover{border-color:#d1d5db;transform:translateY(-1px)}.edit-form .form-group .modern-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.edit-form .logo-upload-section{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.edit-form .logo-upload-section{align-items:flex-start;flex-direction:column}}.edit-form .logo-upload-section .logo-preview img{border:2px solid #e5e7eb;border-radius:8px;height:80px;object-fit:contain;width:80px}.edit-form .logo-upload-section .logo-input{display:none}.edit-form .logo-upload-section .upload-label{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.edit-form .logo-upload-section .upload-label:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.edit-form .form-actions{display:flex;gap:1rem;margin-top:2rem}@media(max-width:768px){.edit-form .form-actions{flex-direction:column}}.edit-form .form-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.edit-form .form-actions button:hover{transform:translateY(-2px)}.edit-form .form-actions button.save-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);color:#fff}.edit-form .form-actions button.save-btn:hover{box-shadow:0 8px 25px #33a1b54d}.edit-form .form-actions button.cancel-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563}.edit-form .form-actions button.cancel-btn:hover{background:#e5e7eb}.billing-info .current-plan{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.billing-info .current-plan .plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.billing-info .current-plan .plan-header h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0}.billing-info .current-plan .plan-header .plan-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.billing-info .current-plan .plan-header .plan-badge.free{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.billing-info .current-plan .plan-header .plan-badge.monthly{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af}.billing-info .current-plan .plan-header .plan-badge.annual{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.billing-info .current-plan .plan-details .price-info{align-items:baseline;display:flex;gap:.5rem;margin-bottom:1rem}.billing-info .current-plan .plan-details .price-info .price{color:#33a1b5;font-size:2rem;font-weight:700}.billing-info .current-plan .plan-details .price-info .period{color:#6b7280;font-size:1rem;font-weight:500}.billing-info .current-plan .plan-details .price-info .savings{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#2dd4bf);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.billing-info .current-plan .plan-details .usage-info{margin-bottom:1rem}.billing-info .current-plan .plan-details .usage-info .usage-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.billing-info .current-plan .plan-details .usage-info .usage-item:last-child{border-bottom:none}.billing-info .current-plan .plan-details .usage-info .usage-item .label{color:#4b5563;font-weight:500}.billing-info .current-plan .plan-details .usage-info .usage-item .value{color:#1f2937;font-weight:600}.billing-info .current-plan .plan-details .plan-features .feature{color:#4b5563;font-size:.9rem;margin-bottom:.5rem;padding-left:.5rem}.billing-info .payment-info h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.billing-info .payment-info .payment-method{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.billing-info .payment-info .payment-method .payment-icon{font-size:1.5rem}.billing-info .payment-info .payment-method .update-payment-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:all .3s ease}.billing-info .payment-info .payment-method .update-payment-btn:hover{box-shadow:0 4px 12px #33a1b54d;transform:translateY(-1px)}.billing-info .payment-info .no-payment{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.billing-info .payment-info .no-payment .add-payment-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.billing-info .payment-info .no-payment .add-payment-btn:hover{box-shadow:0 4px 12px #33a1b54d;transform:translateY(-1px)}.stores-list{display:flex;flex-direction:column;gap:1rem}.stores-list .no-stores{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center}.stores-list .no-stores p{color:#6b7280;font-size:1.1rem;margin:0}.stores-list .store-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem;transition:all .3s ease}@media(max-width:768px){.stores-list .store-item{align-items:flex-start;flex-direction:column;gap:1rem}}.stores-list .store-item:hover{border-color:#33a1b5;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stores-list .store-item.inactive{background:#f9fafb;opacity:.6}.stores-list .store-item.inactive:hover{opacity:.8}.stores-list .store-item .store-info{flex:1 1}.stores-list .store-item .store-info h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.stores-list .store-item .store-info p{color:#6b7280;font-size:.9rem;margin:.25rem 0}.stores-list .store-item .store-info .checkin-link{align-items:center;color:#33a1b5;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.5rem;text-decoration:none;transition:all .3s ease}.stores-list .store-item .store-info .checkin-link:hover{color:#68dbb8;transform:translateX(2px)}.stores-list .store-item .store-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stores-list .store-item .store-actions .status-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.stores-list .store-item .store-actions .status-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.stores-list .store-item .store-actions .status-btn.deactivate{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff}.stores-list .store-item .store-actions .status-btn.deactivate:hover:not(:disabled){box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}.stores-list .store-item .store-actions .status-btn.activate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stores-list .store-item .store-actions .status-btn.activate:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.stores-list .store-item .store-actions .status-badge{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.stores-list .store-item .store-actions .status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stores-list .store-item .store-actions .status-badge.inactive{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#ff6b35}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-content.pricing-alert{max-width:500px}.modal-content.payment-modal{max-width:700px}.modal-content .alert-header,.modal-content .modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-content .alert-header h3,.modal-content .modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-content .alert-header .close-btn,.modal-content .modal-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.modal-content .alert-header .close-btn:hover,.modal-content .modal-header .close-btn:hover{color:#dc2626}.modal-content .alert-body p,.modal-content .modal-body p{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1rem}.pricing-alert .upgrade-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}@media(max-width:768px){.pricing-alert .upgrade-options{grid-template-columns:1fr}}.pricing-alert .upgrade-options .upgrade-option{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.pricing-alert .upgrade-options .upgrade-option:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.pricing-alert .upgrade-options .upgrade-option.featured{background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border-color:#33a1b5;position:relative}.pricing-alert .upgrade-options .upgrade-option.featured:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:20px;color:#fff;content:"⭐ Most Popular";font-size:.8rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-alert .upgrade-options .upgrade-option h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.pricing-alert .upgrade-options .upgrade-option .price{color:#33a1b5;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.pricing-alert .upgrade-options .upgrade-option .savings{background:linear-gradient(135deg,#14b8a6,#2dd4bf);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.25rem .75rem}.pricing-alert .upgrade-options .upgrade-option .upgrade-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.pricing-alert .upgrade-options .upgrade-option .upgrade-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.payment-modal .modal-body{display:flex;flex-direction:column;gap:2rem}.payment-modal .modal-body .billing-section h4,.payment-modal .modal-body .payment-section h4,.payment-modal .modal-body .plan-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.payment-modal .modal-body .current-payment{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.payment-modal .modal-body .current-payment .card-info{align-items:center;display:flex;gap:1rem}.payment-modal .modal-body .current-payment .card-info .card-icon{font-size:1.5rem}.payment-modal .modal-body .current-payment .card-info .card-details{display:flex;flex-direction:column;gap:.25rem}.payment-modal .modal-body .current-payment .card-info .card-details span{color:#4b5563;font-size:.9rem}.payment-modal .modal-body .current-payment .update-card-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.payment-modal .modal-body .current-payment .update-card-btn:hover{box-shadow:0 4px 12px #33a1b54d;transform:translateY(-1px)}.payment-modal .modal-body .no-payment-method{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:2rem;text-align:center}.payment-modal .modal-body .no-payment-method p{color:#ff6b35;margin-bottom:1rem}.payment-modal .modal-body .no-payment-method .add-card-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.payment-modal .modal-body .no-payment-method .add-card-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.payment-modal .modal-body .billing-history .billing-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.payment-modal .modal-body .billing-history .billing-item:last-child{border-bottom:none}.payment-modal .modal-body .billing-history .billing-item .billing-info{display:flex;flex-direction:column;gap:.25rem}.payment-modal .modal-body .billing-history .billing-item .billing-info .billing-date{color:#6b7280;font-size:.9rem}.payment-modal .modal-body .billing-history .billing-item .billing-info .billing-amount{color:#1f2937;font-size:1.1rem;font-weight:600}.payment-modal .modal-body .billing-history .billing-item .billing-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.payment-modal .modal-body .billing-history .billing-item .billing-status.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.payment-modal .modal-body .plan-summary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.payment-modal .modal-body .plan-summary .plan-info{display:flex;flex-direction:column;gap:.25rem}.payment-modal .modal-body .plan-summary .plan-info .plan-name{color:#1f2937;font-size:1.1rem;font-weight:600}.payment-modal .modal-body .plan-summary .plan-info .plan-price{color:#6b7280;font-size:.9rem}.payment-modal .modal-body .plan-summary .change-plan-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.payment-modal .modal-body .plan-summary .change-plan-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}@keyframes fadeInDashboard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-container{background:#000;display:flex;justify-content:center;overflow-x:hidden}.login-container,.login-content{align-items:center;min-height:100vh;position:relative}.login-content{grid-gap:4rem;box-sizing:border-box;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;overflow-y:auto;padding:2rem;width:100%;z-index:10}@media(max-width:1024px){.login-content{gap:2rem;grid-template-columns:1fr;min-height:0;min-height:auto;text-align:center}}@media(max-width:768px){.login-content{gap:1.5rem;grid-template-columns:1fr;min-height:0;min-height:auto;padding:1rem}}.form-container:before,.login-box:before{left:0;right:0}.forgot-form .input-group,.login-form .input-group,.reset-form .input-group{margin-bottom:1.5rem}.forgot-form .input-group label,.login-form .input-group label,.reset-form .input-group label{color:#111827;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.forgot-form .input-group input,.login-form .input-group input,.reset-form .input-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.forgot-form .input-group input:focus,.login-form .input-group input:focus,.reset-form .input-group input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.forgot-form .input-group input:hover,.login-form .input-group input:hover,.reset-form .input-group input:hover{border-color:#d1d5db;transform:translateY(-1px)}.forgot-form .input-group input::placeholder,.login-form .input-group input::placeholder,.reset-form .input-group input::placeholder{color:#9ca3af}.forgot-form .password-strength,.login-form .password-strength,.reset-form .password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.forgot-form .password-strength .strength-bar,.login-form .password-strength .strength-bar,.reset-form .password-strength .strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.forgot-form .password-strength .strength-bar:before,.login-form .password-strength .strength-bar:before,.reset-form .password-strength .strength-bar:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0}.forgot-form .password-strength .strength-bar.weak:before,.login-form .password-strength .strength-bar.weak:before,.reset-form .password-strength .strength-bar.weak:before{background:#ef4444;width:33%}.forgot-form .password-strength .strength-bar.medium:before,.login-form .password-strength .strength-bar.medium:before,.reset-form .password-strength .strength-bar.medium:before{background:#f59e0b;width:66%}.forgot-form .password-strength .strength-bar.strong:before,.login-form .password-strength .strength-bar.strong:before,.reset-form .password-strength .strength-bar.strong:before{background:#10b981;width:100%}.forgot-form .password-strength .strength-text,.login-form .password-strength .strength-text,.reset-form .password-strength .strength-text{color:#888;font-size:.8rem;font-weight:500}.login-button,.submit-button{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-button .loading-spinner,.submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-button:hover:not(:disabled),.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.login-button:active,.submit-button:active{transform:translateY(0)}.login-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.form-footer{align-items:center;flex-direction:column;gap:.5rem;margin-top:2rem;text-align:center}.form-footer p{color:#888;margin-bottom:1rem}.form-footer .back-link,.form-footer .forgot-link,.form-footer .forgot-password,.form-footer .signup-link{color:#33a1b5;display:block;font-weight:600;margin-bottom:0;margin-top:0;padding:.25rem 0;text-decoration:none;transition:all .3s ease}.form-footer .back-link:hover,.form-footer .forgot-link:hover,.form-footer .forgot-password:hover,.form-footer .signup-link:hover{color:#68dbb8;text-decoration:underline}.form-footer .forgot-link,.form-footer .forgot-password{margin-bottom:0}@media(min-width:600px){.form-footer{flex-direction:row;gap:1.5rem;justify-content:center}.form-footer .forgot-link,.form-footer .forgot-password,.form-footer .signup-link{display:inline-block;margin:0;padding:0 .5rem}.form-footer p{margin-bottom:0}}.success-message,.success-section{animation:fadeInUp .8s ease-out;text-align:center}.success-message .success-icon,.success-section .success-icon{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.success-message .success-icon svg,.success-section .success-icon svg{stroke-width:3;color:#fff;height:40px;width:40px}.success-message h2,.success-section h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.success-message h2,.success-section h2{font-size:1.5rem}}.success-message p,.success-section p{color:#888;font-size:1.1rem;margin-bottom:.5rem}.success-message p strong,.success-section p strong{color:#111827;font-weight:600}.success-message .email-note,.success-section .email-note{color:#6b7280;font-size:.9rem;margin-bottom:2rem}@media(max-width:1024px){.login-content{max-width:600px}}@media(max-width:768px){.login-content{margin-top:16em;padding:0}.form-container,.login-box{padding:2rem 1.5rem}.brand-text h1{font-size:2.5rem}.brand-text p{font-size:1.1rem}}.edit-business-profile{background-color:#1f1f1f;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2em;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.edit-business-profile:hover{transform:translateY(-5px)}.edit-business-profile h1{color:#33a1b5;font-size:24px;margin-bottom:1em}.edit-business-profile p{color:#f5f5f5;margin-bottom:2em}.edit-business-profile form{display:flex;flex-direction:column;gap:1.5em}.edit-business-profile form label{color:#f5f5f5;font-weight:700}.edit-business-profile form input,.edit-business-profile form select,.edit-business-profile form textarea{background-color:#999;border:1px solid #666;border-radius:4px;color:#f5f5f5;padding:.75em;transition:border-color .3s ease-in-out}.edit-business-profile form input:focus,.edit-business-profile form select:focus,.edit-business-profile form textarea:focus{border-color:#33a1b5;outline:none}.edit-business-profile form button{background-color:#33a1b5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75em 1.5em;transition:background-color .3s ease-in-out}.edit-business-profile form button:hover{background-color:#58c2d5}.chatbot-setup{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 20px 60px #0000001a;font-family:Outfit,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;transition:all .3s ease}@media(max-width:768px){.chatbot-setup{border-radius:16px;margin:1rem;padding:1rem}}.chatbot-setup:hover{box-shadow:0 25px 80px #00000026;transform:translateY(-2px)}.chatbot-setup h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;color:#33a1b5;font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:center;text-shadow:0 4px 8px #0000001a}@media(max-width:768px){.chatbot-setup h1{font-size:2rem;margin-bottom:1.5rem}}.chatbot-setup p{color:#111827;font-size:1.2rem;font-weight:400;margin-bottom:2rem;opacity:.8;text-align:center}@media(max-width:768px){.chatbot-setup p{font-size:1rem;margin-bottom:1.5rem}}.chatbot-setup .setup-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between}@media(max-width:768px){.chatbot-setup .setup-container{flex-direction:column;gap:1rem}}.chatbot-setup .setup-container .preview-container{align-items:center;display:flex;flex:0 1 25%;flex-direction:column;gap:1.5rem;min-width:320px}@media(max-width:768px){.chatbot-setup .setup-container .preview-container{flex:0 1 100%;min-width:auto;order:-1}}.chatbot-setup .setup-container .preview-container .preview-header{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}@media(max-width:768px){.chatbot-setup .setup-container .preview-container .preview-header{font-size:1.1rem}}.chatbot-setup .setup-container .preview-container .phone-mockup{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:40px;box-shadow:0 0 0 8px #000,0 0 0 12px #333,0 20px 60px #0006,inset 0 2px 4px #ffffff1a;display:flex;flex-direction:column;height:650px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}@media(max-width:768px){.chatbot-setup .setup-container .preview-container .phone-mockup{border-radius:35px;height:570px;width:280px}}.chatbot-setup .setup-container .preview-container .phone-mockup:before{background:#000;border-radius:0 0 15px 15px;box-shadow:inset 0 2px 4px #ffffff1a;content:"";height:30px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px;z-index:10}.chatbot-setup .setup-container .preview-container .phone-mockup:after{background:#ffffff4d;border-radius:2px;bottom:8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px;z-index:10}.chatbot-setup .setup-container .preview-container .phone-mockup:hover{box-shadow:0 0 0 8px #000,0 0 0 12px #333,0 30px 80px #00000080,inset 0 2px 4px #ffffff1a;transform:translateY(-8px) rotateY(5deg)}.chatbot-setup .setup-container .preview-container .phone-mockup .phone-header{background:#0000001a;border-radius:40px 40px 0 0;box-shadow:0 2px 8px #0003;color:#fff;font-size:1.1rem;font-weight:700;padding:1.5rem 1rem 1rem;position:relative;text-align:center;z-index:5}@media(max-width:768px){.chatbot-setup .setup-container .preview-container .phone-mockup .phone-header{font-size:1rem;padding:1.25rem 1rem .75rem}}.chatbot-setup .setup-container .preview-container .phone-mockup .phone-header:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.chatbot-setup .setup-container .preview-container .phone-mockup .chatbot-iframe{background:#000;border:none;border-radius:0 0 40px 40px;flex:1 1;position:relative;z-index:1}.fullscreen-modal{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.fullscreen-modal .phone-mockup{border-radius:50px;box-shadow:0 0 0 10px #000,0 0 0 15px #333,0 40px 100px #0009,inset 0 2px 4px #ffffff1a;height:800px;width:400px}@media(max-width:768px){.fullscreen-modal .phone-mockup{border-radius:40px;height:70vh;width:90%}}.fullscreen-modal .close-button{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:50%;box-shadow:0 8px 25px #33a1b54d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:50px}@media(max-width:768px){.fullscreen-modal .close-button{font-size:1.2rem;height:45px;right:1rem;top:1rem;width:45px}}.fullscreen-modal .close-button:hover{box-shadow:0 12px 35px #33a1b566;transform:scale(1.1) rotate(90deg)}button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;box-shadow:0 4px 12px #33a1b533;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}button:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}button:active{transform:translateY(0)}.chatbot-iframe{border:none;border-radius:0 0 40px 40px;height:100%;width:100%}.preview-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.preview-container .preview-header{color:#111827;font-size:1.25rem;font-weight:700;text-align:center}@media(max-width:768px){.preview-container .preview-header{font-size:1.1rem}}.preview-container .phone-mockup{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:40px;box-shadow:0 0 0 8px #000,0 0 0 12px #333,0 20px 60px #0006,inset 0 2px 4px #ffffff1a;display:flex;flex-direction:column;height:650px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}@media(max-width:768px){.preview-container .phone-mockup{border-radius:35px;height:570px;width:280px}}.preview-container .phone-mockup:before{background:#000;border-radius:0 0 15px 15px;box-shadow:inset 0 2px 4px #ffffff1a;height:30px;top:0}.preview-container .phone-mockup:after,.preview-container .phone-mockup:before{content:"";left:50%;position:absolute;transform:translateX(-50%);width:120px;z-index:10}.preview-container .phone-mockup:after{background:#ffffff4d;border-radius:2px;bottom:8px;height:4px}.preview-container .phone-mockup:hover{box-shadow:0 0 0 8px #000,0 0 0 12px #333,0 30px 80px #00000080,inset 0 2px 4px #ffffff1a;transform:translateY(-8px) rotateY(5deg)}.preview-container .phone-mockup .phone-header{background:#000;border-radius:40px 40px 0 0;box-shadow:0 2px 8px #0003;color:#fff;font-size:1.1rem;font-weight:700;padding:1.5rem 1rem 1rem;position:relative;text-align:center;z-index:5}@media(max-width:768px){.preview-container .phone-mockup .phone-header{font-size:1rem;padding:1.25rem 1rem .75rem}}.preview-container .phone-mockup .phone-header:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.setup-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between}@media(max-width:768px){.setup-container{flex-direction:column;gap:1rem}}.chatbot-form-container{flex:0 1 70%;max-width:58%}@media(max-width:768px){.chatbot-form-container{flex:1 1 100%;max-width:100%}}.preview-container{flex:0 1 25%;min-width:320px}@media(max-width:768px){.preview-container{flex:0 1 100%;order:-1}}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);width:100%}@media(max-width:768px){.form-grid{gap:1.5rem;grid-template-columns:1fr}}@media screen and (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-cell{justify-content:flex-start}.form-cell,.form-cell label{display:flex;flex-direction:column}.form-cell label{color:#111827;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:normal;margin-bottom:.75rem;text-transform:none}@media(max-width:768px){.form-cell label{font-size:.9rem}}.form-cell input,.form-cell select,.form-cell textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;font-size:1rem;margin-top:.25rem;padding:1rem 1.25rem;transform:none!important;transition:all .3s ease;width:100%}.form-cell input:focus,.form-cell select:focus,.form-cell textarea:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)!important}.form-cell input:hover,.form-cell select:hover,.form-cell textarea:hover{border-color:#d1d5db;transform:translateY(-1px)!important}.form-cell input::placeholder,.form-cell select::placeholder,.form-cell textarea::placeholder{color:#9ca3af}@media(max-width:768px){.form-cell input,.form-cell select,.form-cell textarea{font-size:16px;padding:.875rem 1rem}}.form-cell select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.form-cell .helper-text{color:#6b7280;font-size:.8rem;font-style:italic;line-height:1.4;margin-top:.5rem}.full-span{grid-column:span 2}@media screen and (max-width:768px){.full-span{grid-column:span 1}}.form-footer{display:flex;grid-column:span 2;justify-content:flex-end;text-align:left}@media(max-width:768px){.form-footer{grid-column:span 1;justify-content:center}}.form-footer button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;box-shadow:0 4px 12px #33a1b533;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-height:48px;padding:1rem 2rem;transition:all .3s ease;width:100%}@media(max-width:768px){.form-footer button{font-size:1rem;padding:.875rem 1.5rem}}.form-footer button:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.form-footer button:active{transform:translateY(0)}.chatbot-setup input,.chatbot-setup select,.chatbot-setup textarea{box-sizing:border-box;min-height:48px;transform:none!important;width:100%}@media(max-width:768px){.chatbot-setup input,.chatbot-setup select,.chatbot-setup textarea{font-size:16px}}select{height:auto;padding:1rem 1.25rem}@media(max-width:768px){select{padding:.875rem 1rem}}.form-cell{animation:fadeInUp .4s ease forwards;animation-delay:0s;animation-delay:calc(var(--index, 0)*.05s);opacity:0;transform:translateY(10px)}.phone-mockup{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:2px solid #00ffa34d;box-shadow:0 0 0 8px #000,0 0 0 12px #333,0 20px 60px #0006,0 0 30px #00ffa3cc,inset 0 2px 4px #ffffff1a}textarea{font-family:Outfit,sans-serif;height:13em;line-height:1.5;padding:1rem 1.25rem;resize:none}@media(max-width:768px){textarea{height:10em;padding:.875rem 1rem}}.chatbot-setup input:focus,.chatbot-setup select:focus,.chatbot-setup textarea:focus{border-color:#33a1b5!important;box-shadow:0 0 0 3px #33a1b51a!important;outline:none;transform:translateY(-2px)!important}select:hover{border-color:#2d8fa1;cursor:pointer}.success-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.success-popup{animation:successSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;max-width:400px;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;width:90%;z-index:100000}.success-popup:before{background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.success-popup:after{animation:rotate 20s linear infinite;background:radial-gradient(circle,#10b9811a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.success-popup .success-icon{animation:successBounce .6s ease-out .2s both;filter:drop-shadow(0 0 20px rgba(16,185,129,.3));font-size:4rem;margin-bottom:1.5rem}.success-popup h3{animation:fadeInUp .6s ease-out .3s both;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.success-popup p{animation:fadeInUp .6s ease-out .4s both;color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 2rem}.success-popup .success-sparkles{animation:fadeInUp .6s ease-out .5s both;display:flex;gap:1rem;justify-content:center}.success-popup .success-sparkles span{animation:sparkleFloat 2s ease-in-out infinite;font-size:1.5rem}.success-popup .success-sparkles span:first-child{animation-delay:0s}.success-popup .success-sparkles span:nth-child(2){animation-delay:.5s}.success-popup .success-sparkles span:nth-child(3){animation-delay:1s}@keyframes successSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes successBounce{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes sparkleFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-10px) rotate(180deg)}}.file-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;list-style:none;margin:1rem 0;overflow:hidden;padding:0}.file-list .file-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s ease}.file-list .file-row:last-child{border-bottom:none}.file-list .file-row:hover{background:#f3f4f6}.file-list .file-row a{color:#33a1b5;flex:1 1;font-weight:500;margin-right:1rem;text-decoration:none}.file-list .file-row a:hover{text-decoration:underline}.file-list .file-row .delete-file-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.file-list .file-row .delete-file-btn:hover{background:#dc2626;transform:translateY(-1px)}input[type=file]{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}input[type=file]:hover{background:#33a1b50d;border-color:#33a1b5}input[type=file]:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.notifications{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#f5f5f5;padding:20px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.notifications h1{font-size:24px;margin-bottom:10px}.notifications p{font-size:16px;margin-bottom:20px}.notifications .form-group{margin-bottom:15px}.notifications .form-group label{display:block;font-size:14px;margin-bottom:5px}.notifications .form-group input,.notifications .form-group select{background-color:#999;border:1px solid #666;border-radius:4px;color:#f5f5f5;padding:10px;width:100%}.notifications .btn{background-color:#33a1b5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease-in-out}.notifications .btn:hover{background-color:#58c2d5}.notifications .chart{background-color:#999;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px 0;padding:20px}.notifications ul{list-style:none;padding:0}.notifications ul li{align-items:center;background-color:#999;border-radius:4px;display:flex;justify-content:space-between;margin:5px 0;padding:10px}.notifications ul li button{background-color:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s ease-in-out}.notifications ul li button:hover{background-color:#58c2d5}.qr-code-designer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:0}.qr-code-designer .designer-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem;z-index:10}.qr-code-designer .designer-header .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.qr-code-designer .designer-header .header-left p{color:#64748b;font-size:1rem;margin:0}.qr-code-designer .designer-header .header-right{align-items:center;display:flex;gap:1rem}.qr-code-designer .designer-header .header-right .store-selector{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.qr-code-designer .designer-header .header-right .store-selector:hover{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a}.qr-code-designer .designer-header .header-right .store-selector:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b533;outline:none}.qr-code-designer .designer-header .header-right .fullscreen-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.qr-code-designer .designer-header .header-right .fullscreen-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.qr-code-designer .designer-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.qr-code-designer .designer-main .designer-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}.qr-code-designer .designer-main .designer-toolbar .toolbar-section{display:flex;gap:.5rem}.qr-code-designer .designer-main .designer-toolbar .toolbar-section .tool-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.qr-code-designer .designer-main .designer-toolbar .toolbar-section .tool-btn:hover{background:#f1f5f9;border-color:#33a1b5;color:#33a1b5;transform:translateY(-1px)}.qr-code-designer .designer-main .designer-toolbar .toolbar-section .tool-btn.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-color:#33a1b5;box-shadow:0 4px 12px #33a1b54d;color:#fff}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions{align-items:center;display:flex;gap:1rem;position:relative}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions:before{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);content:"";height:2rem;left:-1rem;position:absolute;top:50%;transform:translateY(-50%);width:1px}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .3s ease}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .save-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .save-btn:disabled{cursor:not-allowed;opacity:.7}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .save-btn.saved{animation:saveSuccess .5s ease-in-out;background:linear-gradient(135deg,#059669,#047857)}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .export-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .3s ease}.qr-code-designer .designer-main .designer-toolbar .toolbar-actions .export-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.qr-code-designer .designer-main .designer-content{display:flex;flex:1 1;overflow:hidden}.qr-code-designer .designer-main .designer-content .tool-panels{background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;padding:2rem;width:350px}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel{animation:slideInRight .3s ease-out}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section{margin-bottom:2rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .modern-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .modern-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .modern-input:hover{border-color:#cbd5e1}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .helper-text{color:#64748b;font-size:.85rem;font-style:italic;margin-top:.5rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .option-group{display:flex;gap:.5rem;margin-bottom:1rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .option-group .option-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .option-group .option-btn:hover{background:#f1f5f9;border-color:#33a1b5;color:#33a1b5}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .option-group .option-btn.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-color:#33a1b5;box-shadow:0 4px 12px #33a1b54d;color:#fff}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .file-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .file-upload-area:hover{background:#33a1b50d;border-color:#33a1b5}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .file-upload-area input[type=file]{display:none}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .file-upload-area label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .file-upload-area label:hover{color:#33a1b5}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls{display:flex;flex-direction:column;gap:1rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:.75rem}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item label{color:#374151;font-size:.9rem;font-weight:500}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item .color-picker-container{position:relative}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item .color-picker-container .color-preview{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item .color-picker-container .color-preview:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item .color-picker-container .color-picker-popup{animation:popIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;left:0;padding:1rem;position:absolute;top:50px;z-index:1000}@media(max-width:1200px){.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .color-controls .color-item .color-picker-container .color-picker-popup{left:-100px}}.qr-code-designer .designer-main .designer-content .tool-panels .tool-panel .panel-section .logo-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center}.qr-code-designer .designer-main .designer-content .preview-area{background:#f8fafc;display:flex;flex:1 1;flex-direction:column}.qr-code-designer .designer-main .designer-content .preview-area .preview-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem;transition:opacity .3s ease,transform .3s ease}.qr-code-designer .designer-main .designer-content .preview-area .preview-header.hidden{opacity:0;transform:translateY(-20px)}.qr-code-designer .designer-main .designer-content .preview-area .preview-header.visible{opacity:1;transform:translateY(0)}.qr-code-designer .designer-main .designer-content .preview-area .preview-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.qr-code-designer .designer-main .designer-content .preview-area .preview-header .preview-controls{align-items:center;display:flex;justify-content:space-between}.qr-code-designer .designer-main .designer-content .preview-area .preview-header .preview-controls .preview-label{color:#64748b;font-size:.9rem}.qr-code-designer .designer-main .designer-content .preview-area .preview-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem}.qr-code-designer .designer-main .designer-content .preview-area .preview-container .checkin-preview{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;height:600px;max-width:800px;overflow:hidden;position:relative;transition:all .4s ease-in-out;width:100%}.qr-code-designer .designer-main .designer-content .preview-area .preview-container .checkin-preview:hover{box-shadow:0 30px 80px #0003;transform:translateY(-5px)}.qr-code-designer .fullscreen-overlay{background:#000;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99999}.qr-code-designer .fullscreen-overlay.actual-fullscreen{z-index:2147483647}.qr-code-designer .fullscreen-overlay .fullscreen-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.qr-code-designer .fullscreen-overlay .fullscreen-header h2{font-size:1.5rem;font-weight:600;margin:0}.qr-code-designer .fullscreen-overlay .fullscreen-header .fullscreen-controls{align-items:center;display:flex;gap:1rem}.qr-code-designer .fullscreen-overlay .fullscreen-header .fullscreen-controls .fullscreen-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.qr-code-designer .fullscreen-overlay .fullscreen-header .fullscreen-controls .fullscreen-toggle-btn:hover{background:#fff3;border-color:#ffffff4d}.qr-code-designer .fullscreen-overlay .fullscreen-header .fullscreen-controls .close-fullscreen{background:#ef4444cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.qr-code-designer .fullscreen-overlay .fullscreen-header .fullscreen-controls .close-fullscreen:hover{background:#ef4444;transform:translateY(-1px)}.qr-code-designer .fullscreen-overlay .fullscreen-true{border-radius:0;flex:1 1;height:calc(100vh - 80px);overflow:hidden;transition:all .3s ease-in-out;width:100vw}@keyframes saveSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:1200px){.qr-code-designer .designer-main .designer-content .tool-panels{padding:1.5rem;width:300px}}@media(max-width:768px){.qr-code-designer .designer-header{flex-direction:column;gap:1rem;padding:1rem}.qr-code-designer .designer-header .header-right{flex-direction:column;width:100%}.qr-code-designer .designer-header .header-right .store-selector{width:100%}.qr-code-designer .designer-main .designer-toolbar{flex-direction:column;gap:1rem;padding:1rem}.qr-code-designer .designer-main .designer-toolbar .toolbar-section{flex-wrap:wrap;justify-content:center}.qr-code-designer .designer-main .designer-toolbar .toolbar-section .tool-btn{font-size:.85rem;padding:.6rem 1rem}.qr-code-designer .designer-main .designer-content{flex-direction:column}.qr-code-designer .designer-main .designer-content .tool-panels{border-bottom:1px solid #e2e8f0;border-right:none;max-height:300px;width:100%}.qr-code-designer .designer-main .designer-content .preview-area .preview-container{padding:1rem}.qr-code-designer .designer-main .designer-content .preview-area .preview-container .checkin-preview{height:400px;max-width:100%}}.qr-code{background-color:#f9fafb;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#111827;padding:20px;transition:background-color .3s ease,color .3s ease}.qr-code h1{animation:fadeIn 1s ease-in-out;font-size:2rem;margin-bottom:1rem}.qr-code p{animation:fadeIn 1.5s ease-in-out;font-size:1.2rem;margin-bottom:2rem}.qr-code .iframe-container{animation:fadeInUp 1s ease-in-out;margin-bottom:2rem}.qr-code .iframe-container iframe{border:none;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:80vh;width:100%}.qr-code .instructions{animation:fadeInUp 1s ease-in-out;margin-bottom:2rem}.qr-code .instructions h2{font-size:1.5rem;margin-bottom:1rem}.qr-code .instructions p{font-size:1rem;margin-bottom:1rem}.qr-code .instructions .btn{background-color:#33a1b5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.qr-code .instructions .btn:hover{background-color:#68dbb8}.export-panel{animation:popIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0003;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10000}.export-panel .export-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.export-panel .export-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.export-panel .export-header .close-export{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.export-panel .export-header .close-export:hover{background:#f1f5f9;color:#ff6b35}.export-panel .export-tools{padding:2rem}.export-panel .export-tools .export-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.export-panel .export-tools .export-section h4{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.export-panel .export-tools .export-section .export-btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.export-panel .export-tools .export-section .export-btn-secondary:hover:not(:disabled){border-color:#33a1b5;box-shadow:0 4px 12px #33a1b51a;color:#33a1b5;transform:translateY(-1px)}.export-panel .export-tools .export-section .export-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.export-panel .export-tools .export-section .generated-link{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#33a1b5;font-family:monospace;font-size:.9rem;margin-bottom:.75rem;padding:.75rem;word-break:break-all}.export-panel .export-tools .export-section .embed-preview{background:#1e293b;border-radius:8px;color:#e2e8f0;font-family:monospace;font-size:.85rem;margin-top:.75rem;overflow-x:auto;padding:1rem;white-space:nowrap}.export-panel .export-tools .export-section .display-instructions p{color:#64748b;font-size:.9rem;line-height:1.5;margin:.5rem 0}.export-panel .export-tools .export-section .display-instructions p strong{color:#374151}.tv-display-btn{background:linear-gradient(135deg,#ff6b35,#ee5a52)!important}.tv-display-btn:hover{box-shadow:0 8px 25px #ff6b354d!important}.login-container,.onboarding-container{background:#000;min-height:100vh;overflow-x:hidden;position:relative}.background-videos{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.background-videos .background-video{filter:brightness(.7) contrast(1.1);height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.background-videos .background-video.active{opacity:1}.background-videos .video-overlay{background:linear-gradient(135deg,#0006,#0003 50%,#0009);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.floating-particles{z-index:3}.particle{animation:particleFloat 8s ease-in-out infinite;background:#ffffff1a;pointer-events:none;z-index:3}.particle:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.onboarding-content{grid-gap:4rem;align-items:center;box-sizing:border-box;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:100vh;overflow-y:auto;padding:2rem;position:relative;width:100%;z-index:10}@media(max-width:1024px){.onboarding-content{gap:2rem;grid-template-columns:1fr;min-height:0;min-height:auto;text-align:center}}@media(max-width:768px){.onboarding-content{gap:1.5rem;grid-template-columns:1fr;min-height:0;min-height:auto;padding:1rem}}.brand-section{animation:slideInLeft 1s ease-out}.brand-section .brand-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:80px;margin-bottom:2rem;width:80px}@media(max-width:768px){.brand-section .brand-logo{height:60px;margin-bottom:1.5rem;width:60px}}.brand-section .brand-text h1{-webkit-text-fill-color:#0000;animation:textShimmer 4s ease infinite;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}@media(max-width:768px){.brand-section .brand-text h1{font-size:2.5rem}}.brand-section .brand-text p{color:#ffffffe6;font-size:1.3rem;font-weight:300;line-height:1.6;text-shadow:0 2px 4px #0000004d}@media(max-width:768px){.brand-section .brand-text p{font-size:1.1rem}}.form-section{animation:slideInRight 1s ease-out .2s both}.form-container,.login-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;box-sizing:border-box;margin:0 auto;max-width:420px;overflow:visible;padding:3rem;position:relative;width:100%}.form-container:before,.login-box:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#2dd4bf,#58c2d5);border-radius:24px 24px 0 0;content:"";height:4px;left:10px;position:absolute;right:10px;top:0}@media(max-width:768px){.form-container,.login-box{border-radius:16px;max-width:100vw;min-width:0;padding:1.25rem .5rem}.form-container:before,.login-box:before{border-radius:16px 16px 0 0}}.form-header{margin-bottom:2.5rem;text-align:center}.form-header h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}@media(max-width:768px){.form-header h2{font-size:1.5rem}}.form-header p{color:#888;font-size:1rem;margin:0}.login-container .signup-form .input-group,.onboarding-container .signup-form .input-group{margin-bottom:1.5rem}.login-container .signup-form .input-group label,.onboarding-container .signup-form .input-group label{color:#111827;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.login-container .signup-form .input-group input,.onboarding-container .signup-form .input-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.login-container .signup-form .input-group input:focus,.onboarding-container .signup-form .input-group input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.login-container .signup-form .input-group input:hover,.onboarding-container .signup-form .input-group input:hover{border-color:#d1d5db;transform:translateY(-1px)}.login-container .signup-form .input-group input::placeholder,.onboarding-container .signup-form .input-group input::placeholder{color:#9ca3af}.login-container .signup-form .password-strength,.onboarding-container .signup-form .password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.login-container .signup-form .password-strength .strength-bar,.onboarding-container .signup-form .password-strength .strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.login-container .signup-form .password-strength .strength-bar:before,.onboarding-container .signup-form .password-strength .strength-bar:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0}.login-container .signup-form .password-strength .strength-bar.weak:before,.onboarding-container .signup-form .password-strength .strength-bar.weak:before{background:#ef4444;width:33%}.login-container .signup-form .password-strength .strength-bar.medium:before,.onboarding-container .signup-form .password-strength .strength-bar.medium:before{background:#f59e0b;width:66%}.login-container .signup-form .password-strength .strength-bar.strong:before,.onboarding-container .signup-form .password-strength .strength-bar.strong:before{background:#10b981;width:100%}.login-container .signup-form .password-strength .strength-text,.onboarding-container .signup-form .password-strength .strength-text{color:#888;font-size:.8rem;font-weight:500}.login-container .login-button,.login-container .submit-button,.onboarding-container .login-button,.onboarding-container .submit-button{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-container .login-button .loading-spinner,.login-container .submit-button .loading-spinner,.onboarding-container .login-button .loading-spinner,.onboarding-container .submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-container .login-button:hover:not(:disabled),.login-container .submit-button:hover:not(:disabled),.onboarding-container .login-button:hover:not(:disabled),.onboarding-container .submit-button:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.login-container .login-button:active,.login-container .submit-button:active,.onboarding-container .login-button:active,.onboarding-container .submit-button:active{transform:translateY(0)}.login-container .login-button:disabled,.login-container .submit-button:disabled,.onboarding-container .login-button:disabled,.onboarding-container .submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.login-container .form-footer,.onboarding-container .form-footer{margin-top:2rem;text-align:center}.login-container .form-footer p,.onboarding-container .form-footer p{color:#888;margin-bottom:1rem}.login-container .form-footer .forgot-password,.login-container .form-footer .login-link,.onboarding-container .form-footer .forgot-password,.onboarding-container .form-footer .login-link{color:#33a1b5;font-weight:600;text-decoration:none;transition:all .3s ease}.login-container .form-footer .forgot-password:hover,.login-container .form-footer .login-link:hover,.onboarding-container .form-footer .forgot-password:hover,.onboarding-container .form-footer .login-link:hover{color:#68dbb8;text-decoration:underline}.error,.error-message{animation:shake .6s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626;margin-top:1rem}.success-section{animation:fadeInUp .8s ease-out;text-align:center}.success-section .success-icon{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.success-section .success-icon svg{stroke-width:3;color:#fff;height:40px;width:40px}.success-section h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.success-section h2{font-size:1.5rem}}.success-section p{color:#888;font-size:1.1rem;margin-bottom:.5rem}.success-section p strong{color:#111827;font-weight:600}.success-section .email-note{color:#6b7280;font-size:.9rem;margin-bottom:2rem}.success-section .check-button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.success-section .check-button:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1024px){.onboarding-content{max-width:600px}}@media(max-width:768px){.onboarding-content{margin-top:8em;padding:0}.form-container,.login-box{padding:2rem 1.5rem}.brand-text h1{font-size:2.5rem}.brand-text p{font-size:1.1rem}}.complete-profile-container{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1.5rem;position:relative}.complete-profile-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-particles{z-index:1}.floating-particles .particle{animation:float 6s ease-in-out infinite;background:#fff9;border-radius:50%;position:absolute}.floating-particles .particle:before{background:radial-gradient(circle,#fffc 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.complete-profile-box{animation:slideUpFade .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;max-width:600px;overflow:hidden;padding:3rem 2rem;position:relative;width:100%;z-index:2}.complete-profile-box:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#2dd4bf,#58c2d5);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.complete-profile-box:after{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.profile-header{animation:fadeInUp .6s ease-out .2s both;margin-bottom:2.5rem;position:relative;text-align:center}.profile-header .profile-logo{animation:pulse 2s ease-in-out infinite;border-radius:16px;box-shadow:0 8px 32px #0000001a;height:80px;margin-bottom:1.5rem;width:80px}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;position:relative}.profile-header p{color:#6b7280;font-size:1.1rem;margin:0}.profile-header .sparkle-effect{animation:sparkle 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));font-size:2rem;position:absolute;right:-10px;top:-10px}.progress-container{animation:fadeInUp .6s ease-out .4s both;margin-bottom:3rem}.progress-container .progress-bar{background:#e5e7eb;border-radius:4px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,#33a1b5,#68dbb8);border-radius:4px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-container .progress-bar .progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-container .progress-text{color:#6b7280;font-size:.9rem;font-weight:500}.form-steps{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;min-height:300px;position:relative}.form-step{border-radius:25px;left:0;opacity:0;padding:1em;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(50px);transition:all .5s cubic-bezier(.4,0,.2,1)}.form-step.active{background:none;opacity:1;pointer-events:all;position:relative;transform:translateX(0)}.form-step .step-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.form-step .step-header .step-number{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:50%;box-shadow:0 4px 12px #33a1b54d;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.form-step .step-header .step-info h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.form-step .step-header .step-info p{color:#6b7280;font-size:.95rem;margin:0}.input-group .modern-input,.input-group .modern-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.input-group .modern-input:focus,.input-group .modern-select:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.input-group .modern-input:hover,.input-group .modern-select:hover{border-color:#d1d5db;transform:translateY(-1px)}.input-group .modern-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.input-group .helper-text{color:#6b7280;font-size:.85rem;font-style:italic;margin-top:.5rem}.logo-upload-container .logo-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.logo-upload-container .logo-upload-area:hover{background:#33a1b50d;border-color:#33a1b5;transform:translateY(-2px)}.logo-upload-container .logo-upload-area .logo-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.logo-upload-container .logo-upload-area .upload-label{cursor:pointer}.logo-upload-container .logo-upload-area .upload-label .upload-icon{animation:wiggle 2s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1rem}.logo-upload-container .logo-upload-area .upload-label .upload-text strong{color:#1f2937;display:block;font-size:1.1rem;margin-bottom:.5rem}.logo-upload-container .logo-upload-area .upload-label .upload-text span{color:#6b7280;display:block;margin-bottom:.25rem}.logo-upload-container .logo-upload-area .upload-label .upload-text span.file-types{color:#9ca3af;font-size:.85rem;margin-top:.5rem}.logo-upload-container .logo-preview{text-align:center}.logo-upload-container .logo-preview img{animation:scaleIn .5s ease-out;border-radius:16px;box-shadow:0 8px 32px #0000001a;height:120px;margin-bottom:1rem;object-fit:contain;width:120px}.logo-upload-container .logo-preview .change-logo-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.logo-upload-container .logo-preview .change-logo-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.plans-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}.plans-container .plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.plans-container .plan-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.plans-container .plan-card.selected{background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border-color:#33a1b5;box-shadow:0 8px 32px #33a1b533}.plans-container .plan-card.selected:before{align-items:center;animation:popIn .3s ease-out;background:#33a1b5;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:1rem;top:1rem;width:24px}.plans-container .plan-card .plan-header{margin-bottom:1.5rem;text-align:center}.plans-container .plan-card .plan-header .plan-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem;margin-bottom:1rem}.plans-container .plan-card .plan-header h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.plans-container .plan-card .plan-header .plan-price{color:#33a1b5;font-size:2rem;font-weight:700;margin-bottom:.25rem}.plans-container .plan-card .plan-header .plan-period{color:#6b7280;font-size:.9rem;font-weight:500}.plans-container .plan-card .plan-header .savings-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#2dd4bf);border-radius:20px;box-shadow:0 4px 12px #14b8a64d;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:-10px;top:-10px}.plans-container .plan-card .plan-features{margin-bottom:1rem}.plans-container .plan-card .plan-features .feature{color:#4b5563;font-size:.9rem;margin-bottom:.5rem;padding-left:.5rem}.plans-container .plan-card .plan-badge{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;left:1rem;padding:.25rem .75rem;position:absolute;top:1rem}.coupon-section{background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border:2px dashed #33a1b54d;border-radius:16px;margin-top:2rem;padding:1.5rem}.coupon-section .coupon-input-container{display:flex;gap:.75rem;margin-top:.5rem}.coupon-section .coupon-input-container .coupon-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.coupon-section .coupon-input-container .coupon-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.coupon-section .coupon-input-container .apply-coupon-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.coupon-section .coupon-input-container .apply-coupon-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.action-buttons button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.action-buttons button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.action-buttons button.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563}.action-buttons button.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px)}.action-buttons button.btn-primary{background:linear-gradient(135deg,#33a1b5,#68dbb8);color:#fff}.action-buttons button.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.action-buttons button.btn-success{background:linear-gradient(135deg,#14b8a6,#2dd4bf);color:#fff}.action-buttons button.btn-success:hover:not(:disabled){box-shadow:0 8px 25px #14b8a64d;transform:translateY(-2px)}.action-buttons button.btn-success .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error,.error-message{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fed7aa;border-radius:12px;color:#ff6b35;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem}.error .error-icon,.error-message .error-icon{font-size:1.2rem}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.complete-profile-container{padding:1rem}.complete-profile-box{padding:2rem 1.5rem}.profile-header h1{font-size:2rem}.plans-container{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.coupon-input-container{flex-direction:column}.coupon-input-container .apply-coupon-btn{width:100%}}.login-container,.onboarding-container{align-items:center;animation:fadeInBackground 1.5s ease-in-out;background:linear-gradient(140deg,#fff,#f9fafb,#68dbb8);display:flex;height:100vh;justify-content:center;padding:1.5rem}.onboarding-box{animation:slideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:2.5em;text-align:center;width:100%}.logo{animation:fadeIn 1s ease-in-out;margin-bottom:1rem;width:120px}h1,h2{animation:slideInUp .6s ease-out;font-weight:600;margin-bottom:1.2rem}.input-group{margin-bottom:1.3em;text-align:left}label{color:#111827;display:block;font-weight:500;margin-bottom:.5em}input{border:1px solid #666;border-radius:6px;box-sizing:border-box;font-size:1em;padding:1em;transition:border-color .3s ease;width:100%}input:focus{border-color:#14b8a6;box-shadow:0 0 4px #14b8a64d;outline:none}.industry-select{background:#fff;border:1px solid #666;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:1em;padding:1em;transition:border-color .3s ease;width:100%}.industry-select:focus{border-color:#14b8a6;box-shadow:0 0 4px #14b8a64d;outline:none}.industry-select:hover{border-color:#14b8a6}.helper-text{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.file-upload{background:#fff;border:1px dashed #666;border-radius:8px;color:#111827;cursor:pointer;margin-bottom:1.3rem;margin-top:1em;padding:1em}.onboarding-button{background:linear-gradient(75deg,#33a1b5,#68dbb8);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1em;margin-top:1rem;padding:1em;transition:transform .3s ease;width:100%}.onboarding-button:hover{background:linear-gradient(75deg,#2d8fa1,#53d6ae);transform:scale(1.03)}.plans{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.plan{border:2px solid #666;border-radius:10px;cursor:pointer;padding:1rem;text-align:left;transition:all .3s ease}.plan:hover{background:#4598e214;border-color:#14b8a6}.plan.selected{background:#14b8a626;border-color:#14b8a6}.error{animation:fadeIn .4s ease-in-out;color:#ff6b35;font-weight:500;margin-top:1em}.success-message{color:#33a1b5;font-size:1.1em;font-weight:700;margin-bottom:1rem}@keyframes fadeInBackground{0%{background:#ddd}to{background:linear-gradient(140deg,#fff,#f0f4f8,#6ceb81)}}@media(min-width:600px){.plans{flex-direction:row}}.onboarding-modal-overlay{align-items:center;animation:fadeIn .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100vw;z-index:9999}.onboarding-modal{animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 30px 80px #0000004d,0 0 0 1px #fff3;max-height:90vh;max-width:800px;overflow:scroll;position:relative;width:100%}.onboarding-modal:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#2dd4bf,#58c2d5);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.onboarding-modal .modal-header{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.onboarding-modal .modal-header .modal-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.onboarding-modal .modal-header .modal-title p{color:#6b7280;font-size:1.1rem;margin:0}.onboarding-modal .modal-header .store-counter{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:20px;box-shadow:0 4px 12px #33a1b54d;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.onboarding-modal .modal-header .store-counter .current{font-size:1.5rem;font-weight:700}.onboarding-modal .modal-header .store-counter .separator,.onboarding-modal .modal-header .store-counter .total{font-size:1.2rem;opacity:.8}.onboarding-modal .modal-header .setup-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem}.onboarding-modal .modal-content{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:2rem;width:100%}.onboarding-modal .modal-footer{align-items:center;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #0000001a;display:flex;justify-content:center;padding:1.5rem 2rem}.onboarding-modal .modal-footer p{color:#6b7280;font-size:1rem;margin:0}.store-setup-modal .store-form{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.store-setup-modal .store-form .input-group label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.store-setup-modal .store-form .input-group .modern-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.store-setup-modal .store-form .input-group .modern-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.store-setup-modal .store-form .input-group .modern-input:hover{border-color:#d1d5db;transform:translateY(-1px)}.store-setup-modal .stores-preview{background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border:1px solid #33a1b51a;border-radius:16px;padding:1.5rem}.store-setup-modal .stores-preview h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.store-setup-modal .stores-preview .stores-list{display:flex;flex-direction:column;gap:.75rem}.store-setup-modal .stores-preview .stores-list .store-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.store-setup-modal .stores-preview .stores-list .store-item:hover{border-color:#33a1b5;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.store-setup-modal .stores-preview .stores-list .store-item .store-name{color:#1f2937;font-weight:600}.store-setup-modal .stores-preview .stores-list .store-item .store-location{color:#6b7280;font-size:.9rem}.chatbot-setup-modal .chatbot-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.chatbot-setup-modal .chatbot-form .input-group label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.chatbot-setup-modal .chatbot-form .input-group .modern-input,.chatbot-setup-modal .chatbot-form .input-group .modern-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.chatbot-setup-modal .chatbot-form .input-group .modern-input:focus,.chatbot-setup-modal .chatbot-form .input-group .modern-textarea:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.chatbot-setup-modal .chatbot-form .input-group .modern-input:hover,.chatbot-setup-modal .chatbot-form .input-group .modern-textarea:hover{border-color:#d1d5db;transform:translateY(-1px)}.chatbot-setup-modal .chatbot-form .input-group .modern-textarea{min-height:100px;resize:vertical}.chatbot-setup-modal .chatbot-form .input-group .helper-text{color:#6b7280;font-size:.85rem;font-style:italic;margin-top:.5rem}.qr-setup-modal.fullscreen-qr-modal{height:95vh;max-height:95vh;max-width:95vw;width:95vw}.qr-setup-modal.fullscreen-qr-modal .modal-content{max-height:calc(95vh - 200px);overflow-y:auto;padding:2rem;width:100%}.qr-setup-modal.fullscreen-qr-modal .qr-designer{gap:3rem;grid-template-columns:1fr 1.5fr;max-width:none;width:100%}.qr-setup-modal.fullscreen-qr-modal .designer-panel,.qr-setup-modal.fullscreen-qr-modal .preview-panel{max-width:none;width:100%}.qr-setup-modal.fullscreen-qr-modal .preview-panel .qr-preview .checkin-preview{border-radius:16px;box-shadow:0 8px 32px #0000001a;height:500px;overflow:hidden;position:relative;width:100%}.qr-setup-modal .qr-designer{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;width:100%}.qr-setup-modal .qr-designer .designer-panel{display:flex;flex-direction:column;gap:1.5rem;width:100%}.qr-setup-modal .qr-designer .designer-panel .panel-section h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.qr-setup-modal .qr-designer .designer-panel .panel-section .helper-text{color:#6b7280;font-size:.85rem;font-style:italic;margin-top:.5rem}.qr-setup-modal .qr-designer .designer-panel .option-group{display:flex;gap:.5rem;margin-bottom:1rem}.qr-setup-modal .qr-designer .designer-panel .option-group .option-btn{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.qr-setup-modal .qr-designer .designer-panel .option-group .option-btn:hover{background:#f1f5f9;border-color:#33a1b5;color:#33a1b5;transform:translateY(-1px)}.qr-setup-modal .qr-designer .designer-panel .option-group .option-btn.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-color:#33a1b5;box-shadow:0 4px 12px #33a1b54d;color:#fff}.qr-setup-modal .qr-designer .designer-panel .file-upload-area input[type=file]{display:none}.qr-setup-modal .qr-designer .designer-panel .file-upload-area label{background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:block;padding:1rem;text-align:center;transition:all .3s ease}.qr-setup-modal .qr-designer .designer-panel .file-upload-area label:hover{background:#f1f5f9;border-color:#33a1b5;color:#33a1b5}.qr-setup-modal .qr-designer .designer-panel .color-controls{display:flex;flex-direction:column;gap:1rem}.qr-setup-modal .qr-designer .designer-panel .color-controls .color-item{align-items:center;display:flex;justify-content:space-between}.qr-setup-modal .qr-designer .designer-panel .color-controls .color-item label{color:#374151;font-size:.9rem;font-weight:500}.qr-setup-modal .qr-designer .designer-panel .input-group label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.qr-setup-modal .qr-designer .designer-panel .input-group .modern-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.qr-setup-modal .qr-designer .designer-panel .input-group .modern-input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none;transform:translateY(-2px)}.qr-setup-modal .qr-designer .designer-panel .input-group .modern-input:hover{border-color:#d1d5db;transform:translateY(-1px)}.qr-setup-modal .qr-designer .designer-panel .input-group .style-options{display:flex;gap:.5rem}.qr-setup-modal .qr-designer .designer-panel .input-group .style-options .style-btn{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.qr-setup-modal .qr-designer .designer-panel .input-group .style-options .style-btn:hover{background:#f1f5f9;border-color:#33a1b5;color:#33a1b5;transform:translateY(-1px)}.qr-setup-modal .qr-designer .designer-panel .input-group .style-options .style-btn.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-color:#33a1b5;box-shadow:0 4px 12px #33a1b54d;color:#fff}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container{position:relative;z-index:999999}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container .color-preview{border:3px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container .color-preview:hover{box-shadow:0 4px 16px #0003;transform:scale(1.1)}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container .color-picker-popup{animation:popIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;left:0;padding:1rem;pointer-events:auto;position:absolute;top:60px;z-index:999999!important}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container .color-picker-popup .chrome-picker{background:#0000!important;border:none!important;box-shadow:none!important;position:relative!important;z-index:999999!important}.qr-setup-modal .qr-designer .designer-panel .input-group .color-picker-container .color-picker-popup .chrome-picker>div{z-index:999999!important}.qr-setup-modal .qr-designer .preview-panel{width:100%}.qr-setup-modal .qr-designer .preview-panel h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.qr-setup-modal .qr-designer .preview-panel .qr-preview{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;width:100%}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-background{align-items:center;background-position:50%;background-size:cover;display:flex;height:300px;justify-content:center;position:relative;width:100%}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-background:before{background:url(https://w0.peakpx.com/wallpaper/761/22/HD-wallpaper-blue-background-1-computer-technology-art-background-painting-wide-screen-computer-graphics-abstract-artwork.jpg);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-content{padding:2rem;position:relative;text-align:center;z-index:1}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-content .preview-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:80px;margin-bottom:1rem;object-fit:contain;width:80px}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-content h3{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-shadow:0 2px 4px #0000004d}.qr-setup-modal .qr-designer .preview-panel .qr-preview .preview-content p{font-size:.9rem;margin:1rem 0 0;opacity:.9}.complete-modal .success-animation{padding:2rem;text-align:center}.complete-modal .success-animation .success-icon{animation:successPulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}.complete-modal .success-animation .success-message h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.complete-modal .success-animation .success-message p{color:#6b7280;font-size:1.1rem;margin:0 0 1.5rem}.complete-modal .success-animation .success-message ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.complete-modal .success-animation .success-message ul li{align-items:center;animation:slideInUp .5s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border:1px solid #33a1b51a;border-radius:12px;color:#374151;display:flex;font-weight:500;gap:.75rem;padding:1rem}.complete-modal .success-animation .success-message ul li:first-child{animation-delay:.1s}.complete-modal .success-animation .success-message ul li:nth-child(2){animation-delay:.2s}.complete-modal .success-animation .success-message ul li:nth-child(3){animation-delay:.3s}.complete-modal .success-animation .success-message ul li:nth-child(4){animation-delay:.4s}.btn-primary{align-items:center;background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.onboarding-modal-overlay{padding:1rem}.onboarding-modal .modal-header{flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1rem;text-align:center}.onboarding-modal .modal-header .modal-title h2{font-size:1.5rem}.onboarding-modal .modal-content{padding:1.5rem}.onboarding-modal .modal-footer{padding:1rem 1.5rem}.qr-setup-modal .qr-designer{gap:1.5rem;grid-template-columns:1fr}.store-setup-modal .stores-preview .stores-list .store-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.store-manager-page{background:#f9fafb;color:#111827;padding:2rem}.store-manager-page .page-title{color:#33a1b5;font-size:2.5rem;font-weight:800;margin-bottom:2rem}.store-manager-page .top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.store-manager-page .top-bar .add-store-btn{background:linear-gradient(135deg,#33a1b5,#4598e2);border:none;border-radius:10px;box-shadow:0 4px 12px #00ffb433;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.store-manager-page .top-bar .add-store-btn:hover{background:linear-gradient(135deg,#14b8a6,#5eead4);transform:scale(1.05)}.store-manager-page .top-bar .search-input{background:#fff;border:1px solid #666;border-radius:10px;box-shadow:inset 0 0 5px #0000000d;font-size:1rem;padding:.75rem 1rem;width:40%}.store-manager-page .store-stats{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.store-manager-page .store-stats p{color:#64748b;font-size:.95rem;font-weight:500;margin:0}.store-manager-page .store-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.store-manager-page .store-grid .store-card{background:#fff;border:1px solid #666;border-radius:12px;box-shadow:0 6px 20px #00000014;padding:1.5rem;transition:all .3s ease}.store-manager-page .store-grid .store-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.store-manager-page .store-grid .store-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.store-manager-page .store-grid .store-card a{color:#33a1b5;display:block;font-size:.95rem;margin-bottom:1rem;text-decoration:underline}.store-manager-page .store-grid .store-card button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.store-manager-page .store-grid .store-card button:hover{background:#ff4602}.store-manager-page .store-limit-warning{align-items:center;animation:slideInDown .4s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.store-manager-page .store-limit-warning .warning-icon{font-size:1.2rem}.store-manager-page .store-limit-warning .upgrade-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:all .3s ease}.store-manager-page .store-limit-warning .upgrade-btn:hover{box-shadow:0 4px 12px #33a1b54d;transform:translateY(-1px)}.store-manager-page .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.store-manager-page .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.store-manager-page .modal-content.pricing-alert{max-width:500px}.store-manager-page .modal-content h2,.store-manager-page .modal-content h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.store-manager-page .modal-content input,.store-manager-page .modal-content label{display:block;margin-bottom:1rem;width:100%}.store-manager-page .modal-content input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem}.store-manager-page .modal-content input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.store-manager-page .modal-content button{border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.store-manager-page .modal-content button:first-of-type{background:linear-gradient(135deg,#33a1b5,#68dbb8);color:#fff}.store-manager-page .modal-content button:first-of-type:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.store-manager-page .modal-content button:last-of-type{background:#f3f4f6;border:2px solid #e5e7eb;color:#4b5563}.store-manager-page .modal-content button:last-of-type:hover{background:#e5e7eb}.store-manager-page .pagination-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.store-manager-page .pagination-controls .pagination-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.store-manager-page .pagination-controls .pagination-btn:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.store-manager-page .pagination-controls .pagination-btn:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.store-manager-page .pagination-controls .page-numbers{align-items:center;display:flex;gap:.5rem}.store-manager-page .pagination-controls .page-numbers .page-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.store-manager-page .pagination-controls .page-numbers .page-btn:hover{border-color:#33a1b5;color:#33a1b5;transform:translateY(-1px)}.store-manager-page .pagination-controls .page-numbers .page-btn.active{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-color:#33a1b5;box-shadow:0 4px 12px #33a1b54d;color:#fff}.store-card.inactive{background:#f8f8f8;border:1px dashed #ccc;opacity:.6}.pricing-alert .alert-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.pricing-alert .alert-header h3{margin:0}.pricing-alert .alert-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;margin:0;transition:color .3s ease}.pricing-alert .alert-header .close-btn:hover{color:#ff6b35}.pricing-alert .alert-body p{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1rem}.pricing-alert .alert-body .upgrade-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}@media(max-width:768px){.pricing-alert .alert-body .upgrade-options{grid-template-columns:1fr}}.pricing-alert .alert-body .upgrade-options .upgrade-option{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.pricing-alert .alert-body .upgrade-options .upgrade-option:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.pricing-alert .alert-body .upgrade-options .upgrade-option.featured{background:linear-gradient(135deg,#33a1b50d,#68dbb80d);border-color:#33a1b5;position:relative}.pricing-alert .alert-body .upgrade-options .upgrade-option.featured:before{background:linear-gradient(135deg,#33a1b5,#68dbb8);border-radius:20px;color:#fff;content:"⭐ Most Popular";font-size:.8rem;font-weight:600;left:50%;padding:.25rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-alert .alert-body .upgrade-options .upgrade-option h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.pricing-alert .alert-body .upgrade-options .upgrade-option .price{color:#33a1b5;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.pricing-alert .alert-body .upgrade-options .upgrade-option .savings{background:linear-gradient(135deg,#14b8a6,#2dd4bf);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.25rem .75rem}.pricing-alert .alert-body .upgrade-options .upgrade-option .upgrade-btn{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:0;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.pricing-alert .alert-body .upgrade-options .upgrade-option .upgrade-btn:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.store-checkin-page{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.store-checkin-page.kiosk-mode{left:0;margin:0;padding:0;position:fixed;top:0;z-index:9999}.store-checkin-page.fullscreen-mode{background:#000}.store-checkin-page .background-media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.store-checkin-page .background-media img{height:100%;object-fit:cover;width:100%}.store-checkin-page .overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.store-checkin-page .checkin-content{max-width:600px;padding:2rem;text-align:center;width:100%}.store-checkin-page .checkin-content .store-logo{height:120px;object-fit:contain;width:120px}.store-checkin-page .checkin-content .headline{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.store-checkin-page .checkin-content .qr-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003;display:inline-block;padding:2rem}.store-checkin-page .checkin-content .powered-by{font-size:1.2rem;font-weight:500;margin:1rem 0;opacity:.9}.store-checkin-page .checkin-content .store-name{font-size:1.5rem;font-weight:600;margin:.5rem 0;opacity:.8}.store-checkin-page .kiosk-controls{bottom:2rem;display:flex;gap:1rem;position:absolute;right:2rem;transition:opacity .3s ease,transform .3s ease;z-index:10}.store-checkin-page .kiosk-controls.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.store-checkin-page .kiosk-controls.visible{opacity:1;transform:translateY(0)}.store-checkin-page .kiosk-controls .kiosk-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#374151;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.store-checkin-page .kiosk-controls .kiosk-btn:hover{background:#fff;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.store-checkin-page .kiosk-controls .kiosk-btn.cast-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.store-checkin-page .kiosk-controls .kiosk-btn.cast-btn:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 8px 25px #8b5cf64d}.store-checkin-page .kiosk-controls .kiosk-btn.cast-btn.casting{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}.store-checkin-page .kiosk-controls .kiosk-btn.cast-btn.casting:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef44444d}.store-checkin-page .zoom-controls{bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:2rem;position:absolute;transition:opacity .3s ease,transform .3s ease;z-index:10}.store-checkin-page .zoom-controls.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.store-checkin-page .zoom-controls.visible{opacity:1;transform:translateY(0)}.store-checkin-page .zoom-controls .zoom-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;padding:.5rem 1rem;text-align:center}.store-checkin-page .zoom-controls .zoom-info .zoom-level{color:#fff;font-family:monospace;font-size:.9rem;font-weight:600}.store-checkin-page .zoom-controls .zoom-buttons{display:flex;gap:.5rem}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn:hover:not(:disabled){background:#fff;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn.reset-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn.reset-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b4d}.store-checkin-page .casting-error{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444e6;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;position:absolute;right:2rem;top:2rem;z-index:10}.store-checkin-page .casting-error button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.store-checkin-page .casting-error button:hover{background:#fff3}@media(max-width:768px){.store-checkin-page .checkin-content{padding:1rem}.store-checkin-page .checkin-content .headline{font-size:1.8rem}.store-checkin-page .checkin-content .store-logo{height:80px;width:80px}.store-checkin-page .checkin-content .qr-container{padding:1rem}.store-checkin-page .kiosk-controls{bottom:1rem;flex-direction:column;right:1rem}.store-checkin-page .kiosk-controls .kiosk-btn{font-size:.9rem;padding:.5rem 1rem}.store-checkin-page .zoom-controls{bottom:1rem;left:1rem}.store-checkin-page .zoom-controls .zoom-buttons .zoom-btn{font-size:1rem;height:45px;width:45px}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(display-mode:fullscreen){.store-checkin-page .kiosk-controls{opacity:.3;transition:opacity .3s ease}.store-checkin-page .kiosk-controls:hover{opacity:1}}.chatbot-page{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.chatbot-page.kiosk-mode{height:100vh;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw;z-index:9999}.chatbot-page .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.chatbot-page .background .background-image,.chatbot-page .background .background-video{height:100%;object-fit:cover;width:100%}.chatbot-page .background .overlay{background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.chatbot-page .chat-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ad9;border-radius:24px;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;height:90%;max-width:420px;overflow:hidden;position:relative;width:100%;z-index:2}.chatbot-page .chat-container .store-header{align-items:center;background:#1c1b22;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;justify-content:center;padding:1rem;text-align:center}.chatbot-page .chat-container .store-header .store-logo{background:#fff;border-radius:8px;height:40px;object-fit:contain;width:40px}.chatbot-page .chat-container .store-header .store-name{color:#fff;font-size:1rem;font-weight:600;margin:0}.chatbot-page .chat-container .modal{padding:2rem;text-align:center}.chatbot-page .chat-container .modal .step{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;gap:1.25rem}.chatbot-page .chat-container .modal .step input,.chatbot-page .chat-container .modal .step textarea{background:#ffffff1f;border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:14px;width:100%}.chatbot-page .chat-container .modal .step button{background:linear-gradient(135deg,#14b8a6,#5eead4);border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:transform .2s ease}.chatbot-page .chat-container .modal .step button:hover{background:linear-gradient(135deg,#12a191,#47e7ce);transform:scale(1.05)}.chatbot-page .chat-container .chat-box{display:flex;flex-direction:column;height:100%}.chatbot-page .chat-container .chat-box .messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem;scrollbar-width:none}.chatbot-page .chat-container .chat-box .messages .message{word-wrap:break-word;border-radius:12px;font-size:.95rem;line-height:1.4;max-width:80%;padding:14px}.chatbot-page .chat-container .chat-box .messages .message.user{align-self:flex-end;background:linear-gradient(135deg,#14b8a6,#5eead4);color:#fff}.chatbot-page .chat-container .chat-box .messages .message.assistant,.chatbot-page .chat-container .chat-box .messages .message.bot{align-self:flex-start;background:#ffffff1a;color:#eee}.chatbot-page .chat-container .chat-box .messages .message.typing-indicator{display:flex;gap:6px}.chatbot-page .chat-container .chat-box .messages .message.typing-indicator .dot{animation:typing 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.chatbot-page .chat-container .chat-box .messages .message.typing-indicator .dot:nth-child(2){animation-delay:.2s}.chatbot-page .chat-container .chat-box .messages .message.typing-indicator .dot:nth-child(3){animation-delay:.4s}.chatbot-page .chat-container .chat-box .chat-input{background:#000000e6;display:flex;padding:1rem}.chatbot-page .chat-container .chat-box .chat-input input{background:#ffffff1a;border:none;border-radius:10px;color:#fff;flex:1 1;font-size:1rem;padding:14px}.chatbot-page .chat-container .chat-box .chat-input button{background:linear-gradient(135deg,#14b8a6,#5eead4);border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-left:1rem;padding:14px 20px;transition:transform .2s ease}.chatbot-page .chat-container .chat-box .chat-input button:hover{background:linear-gradient(135deg,#12a191,#47e7ce);transform:scale(1.05)}.chatbot-page .chat-container .tipjar-message{position:relative}.chatbot-page .chat-container .tipjar-message.fade-enter{opacity:0;transform:translateY(10px)}.chatbot-page .chat-container .tipjar-message.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.chatbot-page .chat-container .tipjar-message.fade-exit{opacity:1;transform:translateY(0)}.chatbot-page .chat-container .tipjar-message.fade-exit-active{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.chatbot-page .chat-container .tipjar-message .minimize-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5em 1em;position:absolute;right:10px;top:10px;transition:background .3s ease}.chatbot-page .chat-container .tipjar-message .minimize-button:hover{background:#fff6}.chatbot-page .chat-container .tipjar-widget{align-items:center;background:linear-gradient(135deg,#14b8a6,#5eead4);border-radius:50px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.8em 1.2em;right:20px;transition:transform .3s ease,box-shadow .3s ease}.chatbot-page .chat-container .tipjar-widget:hover{background:linear-gradient(135deg,#12a191,#47e7ce);box-shadow:0 6px 16px #0006;transform:scale(1.1)}.chatbot-page .chat-container .tipjar-widget .widget-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.chatbot-page .chat-container .tipjar-widget span{font-size:1rem;font-weight:700}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-loader-overlay{align-items:center;animation:fadeIn .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.chatbot-loader-overlay:before{animation:backgroundFloat 20s ease-in-out infinite;background:url(/static/media/alt-bg-vivvy.894f7bf73f3eab56321d.png) no-repeat 50%;background-size:cover;opacity:.1}.chatbot-loader-overlay:after,.chatbot-loader-overlay:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.chatbot-loader-overlay:after{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#33a1b51a 0,#0000 70%)}.chatbot-loader-content{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative;text-align:center;z-index:10}.chatbot-loader-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));height:120px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:120px;z-index:15}.chatbot-loader-logo:before{animation:logoGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#68dbb833 0,#0000 70%);border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.chatbot-loader-logo:hover{filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(104,219,184,.4));transform:scale(1.15) rotate(8deg)}.chatbot-loader-spinner{height:80px;position:relative;width:80px;z-index:15}.chatbot-loader-spinner:before{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-top-color:#33a1b5;box-shadow:0 0 15px #33a1b54d;height:100%;left:0;top:0;width:100%}.chatbot-loader-spinner:after{animation:spin 1.5s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top-color:#68dbb8;box-shadow:0 0 20px #68dbb866;content:"";height:calc(100% + 8px);left:-4px;opacity:.7;position:absolute;top:-4px;width:calc(100% + 8px)}.chatbot-loader-spinner:before{animation:spin 2s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#ffffff4d;content:"";height:calc(100% + 16px);left:-8px;opacity:.4;position:absolute;top:-8px;width:calc(100% + 16px)}.chatbot-loader-text{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0;position:relative;text-shadow:0 4px 12px #00000080;z-index:15}.chatbot-loader-text a{-webkit-text-fill-color:#0000;animation:textShimmer 2s ease infinite;background:linear-gradient(135deg,#68dbb8,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#68dbb8;filter:drop-shadow(0 0 8px rgba(104,219,184,.6));font-weight:800;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.chatbot-loader-text a:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#33a1b5);border-radius:2px;bottom:-3px;box-shadow:0 0 10px #68dbb880;content:"";height:3px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.chatbot-loader-text a:after{background:linear-gradient(45deg,#0000,#68dbb81a,#0000);border-radius:4px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.chatbot-loader-text a:hover{animation:textPulse .6s ease-in-out;filter:drop-shadow(0 0 15px rgba(104,219,184,.8));transform:translateY(-2px) scale(1.05)}.chatbot-loader-text a:hover:before{box-shadow:0 0 20px #68dbb8cc;width:100%}.chatbot-loader-text a:hover:after{opacity:1}.floating-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.particle{animation:particleFloat 6s ease-in-out infinite;background:#68dbb8;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:20%;top:20%}.particle:nth-child(2){animation-delay:1s;left:80%;top:60%}.particle:nth-child(3){animation-delay:2s;left:30%;top:80%}.particle:nth-child(4){animation-delay:3s;left:70%;top:30%}.particle:nth-child(5){animation-delay:4s;left:60%;top:70%}.chatbot-loader-content:after{background:#ffffff1a;border-radius:2px;bottom:-2rem;content:"";height:4px;overflow:hidden;position:absolute;width:200px}.chatbot-loader-content:after:before{animation:progressMove 2s ease-in-out infinite;background:linear-gradient(90deg,#33a1b5,#68dbb8);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:30%}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes textGlow{0%{filter:drop-shadow(0 0 5px rgba(104,219,184,.3))}to{filter:drop-shadow(0 0 20px rgba(104,219,184,.6))}}@keyframes textShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes backgroundFloat{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-30px) rotate(180deg)}}@keyframes progressMove{0%{left:-30%}to{left:100%}}@keyframes textPulse{0%,to{transform:translateY(-2px) scale(1.05)}50%{transform:translateY(-4px) scale(1.08)}}@keyframes logoGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@media(max-width:768px){.chatbot-loader-content{gap:1.5rem}.chatbot-loader-logo{height:80px;width:80px}.chatbot-loader-spinner{height:60px;width:60px}.chatbot-loader-text{font-size:1rem}}.delegate-signup{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;font-family:Outfit,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.delegate-signup .signup-container{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:500px;overflow:hidden;padding:3rem;position:relative;width:100%}.delegate-signup .signup-container:before{background:linear-gradient(90deg,#33a1b5,#68dbb8,#2dd4bf,#58c2d5);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@media(max-width:768px){.delegate-signup .signup-container{border-radius:16px;margin:1rem;padding:2rem 1.5rem}}.delegate-signup .signup-header{margin-bottom:2rem;text-align:center}.delegate-signup .signup-header .logo{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));height:80px;margin-bottom:1.5rem;width:80px}.delegate-signup .signup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#33a1b5,#68dbb8);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.delegate-signup .signup-header p{color:#888;font-size:1rem;margin:0}.delegate-signup .invitation-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.delegate-signup .invitation-details h3{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.delegate-signup .invitation-details h3:before{content:"📋";font-size:1.2rem}.delegate-signup .invitation-details .detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.delegate-signup .invitation-details .detail-item:last-child{border-bottom:none}.delegate-signup .invitation-details .detail-item span:first-child{color:#888;font-size:.9rem;font-weight:500}.delegate-signup .invitation-details .detail-item span:last-child{color:#111827;font-weight:600}.delegate-signup .password-section{margin-bottom:2rem}.delegate-signup .password-section h3{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.delegate-signup .password-section h3:before{content:"🔐";font-size:1.2rem}.delegate-signup .password-section .input-group{margin-bottom:1.5rem}.delegate-signup .password-section .input-group label{color:#111827;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.delegate-signup .password-section .input-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.delegate-signup .password-section .input-group input:focus{border-color:#33a1b5;box-shadow:0 0 0 3px #33a1b51a;outline:none}.delegate-signup .password-section .input-group input:hover{border-color:#cbd5e1}.delegate-signup .password-section .input-group input.weak{border-color:#ef4444}.delegate-signup .password-section .input-group input.medium{border-color:#f59e0b}.delegate-signup .password-section .input-group input.strong{border-color:#10b981}.delegate-signup .password-section .input-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.delegate-signup .password-section .input-group .error-text{color:#ef4444;display:block;font-size:.85rem;margin-top:.5rem}.delegate-signup .password-section .password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.delegate-signup .password-section .password-strength .strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden;position:relative}.delegate-signup .password-section .password-strength .strength-bar .strength-fill{height:100%;left:0;position:absolute;top:0;transition:all .3s ease}.delegate-signup .password-section .password-strength .strength-bar .strength-fill.weak{background:#ef4444;width:33%}.delegate-signup .password-section .password-strength .strength-bar .strength-fill.medium{background:#f59e0b;width:66%}.delegate-signup .password-section .password-strength .strength-bar .strength-fill.strong{background:#10b981;width:100%}.delegate-signup .password-section .password-strength .strength-text{font-size:.8rem;font-weight:500;min-width:50px}.delegate-signup .terms-section{margin-bottom:2rem}.delegate-signup .terms-section .checkbox-label{align-items:flex-start;color:#111827;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5}.delegate-signup .terms-section .checkbox-label input[type=checkbox]{display:none}.delegate-signup .terms-section .checkbox-label .checkmark{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s ease;width:20px}.delegate-signup .terms-section .checkbox-label .checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.delegate-signup .terms-section .checkbox-label input[type=checkbox]:checked+.checkmark{background:#33a1b5;border-color:#33a1b5}.delegate-signup .terms-section .checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.delegate-signup .terms-section .checkbox-label:hover .checkmark{border-color:#33a1b5}.delegate-signup .error-message{animation:shake .6s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:1rem;padding:1rem 1.5rem}.delegate-signup .accept-button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.delegate-signup .accept-button:hover:not(:disabled){box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.delegate-signup .accept-button:active{transform:translateY(0)}.delegate-signup .accept-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.delegate-signup .signup-footer{text-align:center}.delegate-signup .signup-footer p{color:#888;font-size:.9rem;margin:0}.delegate-signup .signup-footer p a{color:#33a1b5;font-weight:600;text-decoration:none;transition:color .3s ease}.delegate-signup .signup-footer p a:hover{color:#68dbb8;text-decoration:underline}.delegate-signup-error{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.delegate-signup-error .error-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:400px;padding:3rem;text-align:center;width:100%}.delegate-signup-error .error-content h2{color:#dc2626;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.delegate-signup-error .error-content p{color:#888;line-height:1.6;margin-bottom:2rem}.delegate-signup-error .error-content .error-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.delegate-signup-error .error-content .error-actions button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;min-width:150px;padding:.75rem 1.5rem;transition:all .3s ease}.delegate-signup-error .error-content .error-actions button:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}.delegate-signup-error .error-content .error-actions button.logout-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.delegate-signup-error .error-content .error-actions button.logout-btn:hover{box-shadow:0 8px 25px #dc26264d}.delegate-signup-error .error-content .error-actions button.contact-btn{background:linear-gradient(135deg,#059669,#047857)}.delegate-signup-error .error-content .error-actions button.contact-btn:hover{box-shadow:0 8px 25px #0596694d}.delegate-signup-error .error-content .error-actions button.resend-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.delegate-signup-error .error-content .error-actions button.resend-btn:hover{box-shadow:0 8px 25px #3b82f64d}.delegate-signup-error .error-content .error-actions button.resend-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none}.delegate-signup-error .error-content .error-actions button.resend-btn:disabled:hover{box-shadow:none}.delegate-signup-error .error-content button{background:linear-gradient(135deg,#33a1b5,#68dbb8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.delegate-signup-error .error-content button:hover{box-shadow:0 8px 25px #33a1b54d;transform:translateY(-2px)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:768px){.delegate-signup{padding:1rem}.delegate-signup .signup-container{padding:2rem 1.5rem}.delegate-signup .signup-header h1{font-size:1.5rem}.delegate-signup .invitation-details{padding:1rem}.delegate-signup .invitation-details .detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}}body{background-color:#f9fafb;background-color:#fff;color:#111827;font-family:Outfit,sans-serif;margin:0;overflow-x:hidden;padding:0;transition:background-color .3s ease-in-out,color .3s ease-in-out}.container{display:flex;height:100vh}@media(max-width:768px){.container{flex-direction:column}}.main-content{animation:fadeIn .5s forwards;flex-grow:1;margin-left:250px;opacity:0;padding:1.2em;transition:margin-left .3s,opacity .3s}@media(max-width:768px){.main-content{margin-left:0;margin-top:60px;padding:.5em}}.sidenav-collapsed+.main-content{margin-left:80px}@media(max-width:768px){.sidenav-collapsed+.main-content{margin-left:0}}.mobile-menu-open{overflow:hidden}@media(max-width:768px){.mobile-menu-open .main-content{filter:blur(2px)}}.collapsible{background-color:#33a1b5;border:none;color:#fff;cursor:pointer;padding:10px;text-align:left;width:100%}@keyframes fadeIn{to{opacity:1}}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.slide-enter{animation:slideIn .5s forwards}.slide-exit{animation:slideOut .5s forwards}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#33a1b5,#68dbb8 50%,#33a1b5);-webkit-background-clip:text}@media(max-width:768px){.app-container{position:relative}.sidenav{z-index:999}.navbar{z-index:997}.link,a,button{min-height:44px;min-width:44px}.main-content{padding:1rem}}
/*# sourceMappingURL=main.f1b93017.css.map*/