.no-hover:hover{color:unset!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.product-card__btn,.product-card__btn:hover{color:#fff!important}.dashboard-summary-sections{width:100%}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media(max-width:640px){.dashboard-summary-grid{grid-template-columns:1fr;gap:.75rem}}.wallet-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 6px #0000001a}.wallet-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.wallet-summary-card.wallet-summary-normal{background:linear-gradient(135deg,#667eea,#764ba2)}.wallet-summary-card.wallet-summary-critical{background:linear-gradient(135deg,#f093fb,#f5576c)}.wallet-summary-card.wallet-summary-empty{background:linear-gradient(135deg,#fa709a,#fee140)}.wallet-summary-card.wallet-summary-frozen{background:linear-gradient(135deg,#8e9eab,#eef2f3);color:#333}.wallet-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.wallet-summary-icon{font-size:1.25rem;opacity:.9}.wallet-summary-title{font-size:.875rem;font-weight:500;opacity:.9}.wallet-summary-content{display:flex;flex-direction:column;gap:.5rem}.wallet-summary-balance{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.wallet-summary-amount{font-size:1.5rem;font-weight:700;line-height:1.2}.wallet-summary-frozen-badge{display:flex;align-items:center;gap:.25rem;background:#fff3;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.wallet-summary-days{font-size:.875rem;opacity:.9}.wallet-summary-days.wallet-summary-days-warning{font-weight:600;opacity:1}.wallet-summary-warning{font-size:.75rem;font-weight:500;opacity:.95;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.2)}@media(max-width:640px){.wallet-summary-card{padding:.875rem 1rem}.wallet-summary-amount{font-size:1.25rem}.wallet-summary-title,.wallet-summary-days{font-size:.8125rem}}.alarm-summary-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 6px #0000001a}.alarm-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.alarm-summary-card.alarm-summary-has-notifications{background:linear-gradient(135deg,#fa709a,#fee140)}.alarm-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.alarm-summary-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.alarm-summary-icon{font-size:1.25rem;opacity:.9}.alarm-summary-badge{position:absolute;top:-.5rem;right:-.5rem;background:#ef4444;color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:2px solid white}.alarm-summary-title{font-size:.875rem;font-weight:500;opacity:.9}.alarm-summary-content{display:flex;flex-direction:column;gap:.5rem}.alarm-summary-message{font-size:.875rem;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.alarm-summary-time{font-size:.75rem;opacity:.85}.alarm-summary-more{font-size:.75rem;opacity:.9;font-weight:500;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.2)}.alarm-summary-empty{font-size:.875rem;opacity:.8;font-style:italic}@media(max-width:640px){.alarm-summary-card{padding:.875rem 1rem}.alarm-summary-message,.alarm-summary-title{font-size:.8125rem}.alarm-summary-time{font-size:.6875rem}}.mapboxgl-map{width:100%!important}.mapboxgl-canvas{height:auto!important}.mapboxgl-control-container{display:none}.cuty-map-vendors-request{height:500px!important}#center-marker{position:absolute;top:50%;left:50%;width:40px;height:40px;background-image:url(/assets/images/cuty-location-picker-marker.png);background-size:cover;border-radius:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;pointer-events:none}.center-marker-tooltip{position:absolute;bottom:100%;margin-bottom:10px;background-color:#fff;color:#333;padding:5px 10px;border-radius:4px;box-shadow:0 2px 5px #0003;white-space:nowrap;font-size:12px}.center-marker-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:white transparent transparent transparent}.radio-input input{display:none}.radio-input{display:flex;flex-direction:column;padding:12px;background:#fff;color:#000;border-radius:10px;width:100%}.info{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.question{color:#313131;font-size:1rem;line-height:1rem;font-weight:800}.steps{background-color:#000;padding:4px;color:#fff;border-radius:4px;font-size:12px;line-height:12px;font-weight:600}.radio-input label{display:flex;background-color:#fff;padding:14px;margin:8px 0 0;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;border:1px solid rgba(187,187,187,.164);color:#000;transition:.3s ease}.radio-input label:hover{background-color:#18181821;border:1px solid #bbb}.result{margin-top:10px;font-weight:600;font-size:12px;display:none;transition:display .4s ease}.muirtl-3hpdci-MuiSvgIcon-root-MuiStepIcon-root.Mui-active,.activeItem,.muirtl-3hpdci-MuiSvgIcon-root-MuiStepIcon-root.Mui-completed{color:var(--primary-color)!important}.step-transition-wrapper{position:relative;width:100%;min-height:400px;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.step-transition-wrapper.slide-in-from-right{animation:slideInFromRight .4s ease-in-out}.step-transition-wrapper.slide-in-from-left{animation:slideInFromLeft .4s ease-in-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.substep-transition-wrapper{position:relative;width:100%;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.substep-transition-wrapper.slide-in-from-right{animation:slideInFromRight .4s ease-in-out}.substep-transition-wrapper.slide-in-from-left{animation:slideInFromLeft .4s ease-in-out}.vendor-location-selector{width:100%}.vendor-location-selector .leaflet-container{border-radius:8px;overflow:hidden}.vendor-location-selector .leaflet-control-zoom{border:none!important;box-shadow:0 2px 8px #00000026!important}.vendor-location-selector .leaflet-control-zoom a{background-color:#fff!important;color:#333!important;border:none!important;width:34px!important;height:34px!important;line-height:34px!important;text-align:center!important;font-size:18px!important;font-weight:700!important}.vendor-location-selector .leaflet-control-zoom a:hover{background-color:#f5f5f5!important;color:var(--primary-color, #e91e63)!important}.vendor-location-selector .leaflet-popup-content-wrapper{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.vendor-location-selector .leaflet-popup-tip{background:#fff!important}.vendor-location-selector .leaflet-marker-icon{transition:transform .2s ease-in-out}.vendor-location-selector .leaflet-marker-icon:hover{transform:scale(1.1)}.vendor-location-selector .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.vendor-location-selector .leaflet-control-zoom{margin-right:10px!important;margin-top:10px!important}.vendor-location-selector .absolute.bottom-4.left-4.right-4{bottom:8px;left:8px;right:8px}}.vendor-location-selector .loading{pointer-events:none;opacity:.7}.vendor-location-selector .loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color, #e91e63);border-radius:50%;animation:spin 1s linear infinite;z-index:1001}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.service-items-list .service-item-container{transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.service-items-list .service-item-container:hover{box-shadow:0 4px 8px #0000001a}.service-items-list .service-item-container .service-item-header{cursor:pointer}.service-items-list .service-item-container .service-item-header img{object-fit:cover;border:1px solid rgba(0,0,0,.1)}.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled{opacity:1!important}.viewall{color:#6b7280!important;font-size:12px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:20px!important}::-webkit-scrollbar-thumb{background:#888;border-radius:40px!important}::-webkit-scrollbar-thumb:hover{background:#797777}html{scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}.service-details-mobile{scroll-behavior:smooth}.service-details-mobile .touch-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.service-details-mobile .touch-button:active{transform:scale(.95);transition:transform .1s ease-in-out}.service-details-mobile .mobile-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease-in-out}.service-details-mobile .mobile-card:active{box-shadow:0 4px 16px #00000026}.service-details-mobile .mobile-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.1)}.service-details-mobile .mobile-tabs .tab-button{position:relative;overflow:hidden}.service-details-mobile .mobile-tabs .tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.service-details-mobile .mobile-tabs .tab-button:active:before{left:100%}.service-details-mobile .contact-button{position:relative;overflow:hidden}.service-details-mobile .contact-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.service-details-mobile .contact-button:active:after{width:200px;height:200px}.service-details-mobile .mobile-text{line-height:1.6;word-spacing:.1em;color:#374151}.service-details-mobile .mobile-text.description{font-size:16px;color:#4b5563}.service-details-mobile .mobile-heading{color:#1f2937}.service-details-mobile .mobile-subtext{color:#6b7280}.service-details-mobile .pull-to-refresh{position:relative}.service-details-mobile .pull-to-refresh:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:20px;height:20px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s ease}.service-details-mobile .pull-to-refresh.refreshing:before{opacity:1}.service-details-mobile .mobile-spacing{padding:16px}@media(max-width:375px){.service-details-mobile .mobile-spacing{padding:12px}}.service-details-mobile .focus-enhanced:focus{outline:2px solid #3b82f6;outline-offset:2px}.service-details-mobile .smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}.pwa-mode .service-details-mobile{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-mode .service-details-mobile .mobile-header{padding-top:calc(16px + env(safe-area-inset-top))}@media(prefers-contrast:high){.service-details-mobile .mobile-card{border:2px solid #000}.service-details-mobile .contact-button{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.service-details-mobile *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-page-bg{background-image:linear-gradient(#0000004d,#0000004d),url(/assets/images/loginPage.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.dashboard-login-container{background:linear-gradient(135deg,#667eea,#764ba2,#a91079,#c62828,#e91e63);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}.dashboard-login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dashboard-otp-container .OtpInputs{justify-content:center;padding:2rem 1rem;direction:ltr!important}.dashboard-otp-container .OtpInputs .e-otp-input-field{min-height:60px!important;min-width:60px!important;font-size:24px!important;font-weight:600!important;border:2px solid #e0e0e0!important;border-radius:12px!important;background:#fff!important;color:#333!important;transition:all .3s ease!important;margin:0 8px!important;box-shadow:0 2px 8px #00000014!important}.dashboard-otp-container .OtpInputs .e-otp-input-field:focus{border-color:#a91079!important;box-shadow:0 0 0 4px #a910791a!important;transform:scale(1.05)!important;background:#faf5ff!important}.dashboard-otp-container .OtpInputs .e-otp-input-field:hover{border-color:#a91079!important;box-shadow:0 4px 12px #a9107926!important}.dashboard-otp-container .auth-info{background:linear-gradient(135deg,#a910791a,#c628281a);padding:1.5rem;border-radius:16px;margin-bottom:2rem;border:1px solid rgba(169,16,121,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-otp-container .auth-info p{font-size:14px;color:#666;margin-bottom:.5rem;font-weight:500}.dashboard-otp-container .auth-info h5{font-size:18px;font-weight:700;color:#a91079;margin:0}.dashboard-otp-container .product-card__btn{transition:all .3s ease}.dashboard-otp-container .product-card__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a910794d}.dashboard-otp-container .product-card__btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-otp-container .primary-color{color:#a91079;font-weight:500;transition:color .3s ease}.dashboard-otp-container .primary-color:hover{color:#c62828}@media(max-width:640px){.dashboard-otp-container .OtpInputs{padding:1.5rem .5rem}.dashboard-otp-container .OtpInputs .e-otp-input-field{min-height:50px!important;min-width:50px!important;font-size:20px!important;margin:0 4px!important}.dashboard-otp-container .auth-info{padding:1rem}.dashboard-otp-container .auth-info h5{font-size:16px}}.wallet-page{min-height:calc(100vh - 200px)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.period-selection-panel{animation:fadeInSlideUp .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes flash{0%,to{opacity:1}25%,75%{opacity:.5}50%{opacity:.8}}.balance-critical{color:#dc2626!important;animation:pulse 2s ease-in-out infinite}.balance-empty{color:#dc2626!important;animation:flash 1.5s ease-in-out infinite}.days-warning{color:#ea580c;font-weight:600}.charge-option-card{transition:all .2s ease}.charge-option-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.MuiTabs-root .MuiTab-root{font-family:inherit;font-size:1rem;font-weight:500;text-transform:none;min-height:48px}.MuiTabs-root .MuiTab-root.Mui-selected{color:#2563eb;font-weight:600}.MuiTabs-root .MuiTabs-indicator{background-color:#2563eb}.dashboard-menu-user-section{padding:16px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;margin:16px 12px 20px}.dashboard-menu-user-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/images/query-effect-bg.jpg) center/cover;opacity:.3;z-index:0}.dashboard-menu-user-section .dashboard-user-info{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-avatar .dashboard-avatar-image{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #0003}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-avatar .dashboard-avatar-placeholder{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.9);overflow:hidden;box-shadow:0 4px 12px #0003}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-avatar .dashboard-avatar-placeholder .dashboard-avatar-image{width:100%;height:100%;object-fit:cover;border:none;box-shadow:none}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-details{flex:1;min-width:0}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-details .dashboard-user-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-menu-user-section .dashboard-user-info .dashboard-user-details .dashboard-user-contact{font-size:.85rem;color:#ffffffe6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-menu-user-section .dashboard-user-info .dashboard-logout-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dashboard-menu-user-section .dashboard-user-info .dashboard-logout-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.dashboard-menu-user-section .dashboard-user-info .dashboard-logout-btn:active{transform:scale(.95)}.dashboard-menu-user-section .dashboard-user-info .dashboard-logout-btn .dashboard-logout-icon{font-size:1.4rem;transform:rotate(180deg)}.dashboard-menu-user-section+div .space-y-2 li{transition:transform .2s ease}.dashboard-menu-user-section+div .space-y-2 li:hover{transform:translate(4px)}.header-panel-container{background-color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.header-panel-profile{display:flex;align-items:center;gap:10px}.user-profile-image{width:50px;height:50px;overflow:hidden}.bell-icon-container{position:relative;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.bell-icon-container .bell-icon{font-size:1.5rem}.bell-icon-container .bell-icon-count{position:absolute;top:0;right:0;background:var(--primary-color);color:#fff;font-size:.75rem;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.users-icon{font-size:20px}.header-panel-subtitle{font-size:12px;font-weight:400;color:gray!important;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}@media(min-width:992px){.mobile-burger-icon,.mobile-menu{display:none!important}}.notification-container{overflow:hidden}.notification-container .notification-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.notification-container .notification-header h3{margin:0;font-size:1rem;font-weight:600;color:#333}.notification-container .notification-header .notification-count{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:.85rem}.notification-container .notification-body{max-height:300px;overflow-y:auto}.notification-container .notification-body .no-notifications{padding:24px 16px;text-align:center;color:#666}.notification-container .notification-body .no-notifications p{margin:0}.notification-container .notification-body .notification-list .notification-item{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.notification-container .notification-body .notification-list .notification-item:hover{background-color:#f8f8f8}.notification-container .notification-body .notification-list .notification-item .notification-content .notification-message{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.notification-container .notification-body .notification-list .notification-item .notification-content .notification-message p{margin:0 0 4px;color:#333;font-size:.9rem;flex:1}.notification-container .notification-body .notification-list .notification-item .notification-content .notification-message .notification-group-count{background:var(--primary-color);color:#fff;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 6px}.notification-container .notification-body .notification-list .notification-item .notification-content .notification-time{font-size:.8rem;color:#666;display:block}.notification-container .notification-footer{padding:12px 16px;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:8px}.notification-container .notification-footer button{padding:8px 12px;border-radius:6px;border:none;font-size:.9rem;cursor:pointer;transition:all .2s ease}.notification-container .notification-footer button.clear-all-button{background-color:#f5f5f5;color:#666}.notification-container .notification-footer button.clear-all-button:hover{background-color:#eee}.notification-container .notification-footer button.view-all-button{background-color:var(--primary-color);color:#fff}.notification-container .notification-footer button.view-all-button:hover{background-color:var(--primary-color-dark)}.mobile-header-panel{background-color:#fff;padding:12px 16px;border-bottom:1px solid #f0f0f0}.mobile-header-panel .mobile-header-progress{display:flex;justify-content:center;margin-bottom:16px}.mobile-header-panel .mobile-header-progress .progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.mobile-header-panel .mobile-header-progress .progress-circle .progress-ring{transform:rotate(-90deg)}.mobile-header-panel .mobile-header-progress .progress-circle .progress-ring-background{opacity:.3}.mobile-header-panel .mobile-header-progress .progress-circle .progress-ring-progress{transition:stroke-dashoffset .3s ease}.mobile-header-panel .mobile-header-progress .progress-circle .progress-text{position:absolute;font-size:.75rem;font-weight:600;color:#10b981}.mobile-header-panel .mobile-header-content{display:flex;justify-content:space-between;align-items:center}.mobile-header-panel .mobile-header-content .mobile-header-title-section{flex:1}.mobile-header-panel .mobile-header-content .mobile-header-title-section .mobile-header-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 4px}.mobile-header-panel .mobile-header-content .mobile-header-title-section .mobile-header-subtitle{font-size:.875rem;color:#6b7280;margin:0}.mobile-header-panel .mobile-header-content .mobile-notification-section .mobile-bell-container{position:relative;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.mobile-header-panel .mobile-header-content .mobile-notification-section .mobile-bell-container:hover{background-color:#f9fafb}.mobile-header-panel .mobile-header-content .mobile-notification-section .mobile-bell-container .mobile-bell-icon{font-size:1.25rem;color:#6b7280}.mobile-header-panel .mobile-header-content .mobile-notification-section .mobile-bell-container .mobile-bell-badge{position:absolute;top:4px;right:4px;background:var(--primary-color);color:#fff;font-size:.625rem;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.desktop-header-panel{background-color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.desktop-header-panel .desktop-header-profile{display:flex;align-items:center}.desktop-header-panel .desktop-header-profile .desktop-notification-section .desktop-bell-container{position:relative;padding:10px;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.desktop-header-panel .desktop-header-profile .desktop-notification-section .desktop-bell-container:hover{background-color:#f9fafb}.desktop-header-panel .desktop-header-profile .desktop-notification-section .desktop-bell-container .desktop-bell-icon{font-size:1.375rem;color:#6b7280}.desktop-header-panel .desktop-header-profile .desktop-notification-section .desktop-bell-container .desktop-bell-badge{position:absolute;top:6px;right:6px;background:var(--primary-color);color:#fff;font-size:.75rem;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.desktop-header-panel .desktop-header-actions{display:flex;gap:16px}.desktop-header-panel .desktop-header-actions .desktop-header-action-item{font-size:.875rem;font-weight:500;color:#6b7280!important;text-decoration:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.desktop-header-panel .desktop-header-actions .desktop-header-action-item:hover{background-color:#f9fafb;color:#374151!important}.desktop-header-panel .desktop-header-actions .desktop-header-action-item .desktop-action-icon{font-size:1rem}