.theme-blue{--theme-primary:#3b82f6;--theme-secondary:#1e40af;--theme-accent:#60a5fa}.theme-green{--theme-primary:#10b981;--theme-secondary:#047857;--theme-accent:#34d399}.theme-purple{--theme-primary:#8b5cf6;--theme-secondary:#7c3aed;--theme-accent:#a78bfa}.theme-orange{--theme-primary:#f59e0b;--theme-secondary:#d97706;--theme-accent:#fbbf24}.theme-red{--theme-primary:#ef4444;--theme-secondary:#dc2626;--theme-accent:#f87171}.theme-indigo{--theme-primary:#6366f1;--theme-secondary:#4f46e5;--theme-accent:#818cf8}.theme-pink{--theme-primary:#ec4899;--theme-secondary:#db2777;--theme-accent:#f472b6}.theme-teal{--theme-primary:#14b8a6;--theme-secondary:#0f766e;--theme-accent:#5eead4}.mobile-app-view{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mobile-app-view *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.submenu-enter{opacity:0;max-height:0;transition:all .3s ease-in-out;overflow:hidden}.submenu-enter-active{opacity:1;max-height:500px}.submenu-exit{opacity:1;max-height:500px;transition:all .3s ease-in-out;overflow:hidden}.submenu-exit-active{opacity:0;max-height:0}.mobile-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:1024px){.touch-target{min-width:44px;min-height:44px}.mobile-menu-item{margin:4px 0;padding:12px 16px}.mobile-text-sm{font-size:14px;line-height:1.4}.mobile-text-base{font-size:16px;line-height:1.5}}@media (display-mode:standalone){.pwa-header{padding-top:env(safe-area-inset-top)}.pwa-bottom{padding-bottom:env(safe-area-inset-bottom)}}.theme-primary-bg{background-color:var(--theme-primary)}.theme-primary-text{color:var(--theme-primary)}.theme-primary-border{border-color:var(--theme-primary)}.compact .mobile-menu-item{margin:2px 0;padding:8px 12px}.compact .mobile-text-base{font-size:14px}.compact .mobile-text-sm{font-size:12px}.safe-area-pt{padding-top:env(safe-area-inset-top)}.safe-area-pr{padding-right:env(safe-area-inset-right)}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom)}.safe-area-pl{padding-left:env(safe-area-inset-left)}.safe-area-p{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}.tap-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.momentum-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.no-touch-callout{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-manipulation{touch-action:manipulation}@media (prefers-reduced-motion:no-preference){.animate-mobile-slide-up{animation:.3s ease-out mobileSlideUp}.animate-mobile-slide-down{animation:.3s ease-out mobileSlideDown}.animate-mobile-fade-in{animation:.2s ease-out mobileFadeIn}.animate-mobile-scale-in{animation:.2s ease-out mobileScaleIn}.animate-mobile-bounce{animation:.4s ease-out mobileBounce}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes mobileBounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@media (hover:hover) and (pointer:fine){.hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@media (hover:none) and (pointer:coarse){.touch-feedback:active{opacity:.8;transform:scale(.98)}.touch-highlight:active{background-color:#0000000d}}.backdrop-blur-mobile{-webkit-backdrop-filter:blur(10px)}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.backdrop-blur-mobile{background-color:#ffffffe6}}.gradient-mobile-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-mobile-success{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.gradient-mobile-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-mobile-error{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.pull-to-refresh{position:relative;overflow:hidden}.pull-to-refresh:before{content:"";opacity:0;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:30px;height:30px;transition:all .3s;animation:1s linear infinite spin;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.pull-to-refresh.pulling:before{opacity:1;top:10px}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}.mobile-card{background:#fff;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mobile-card:active{transform:scale(.98);box-shadow:0 2px 8px #00000026}.mobile-input{appearance:none;border:2px solid #e5e7eb;border-radius:12px;padding:16px;font-size:16px;transition:all .2s}.mobile-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.mobile-button{appearance:none;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.mobile-button:active{transform:scale(.98)}.mobile-button-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mobile-button-secondary{color:#374151;background:#f3f4f6}.mobile-nav{-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;border-top:1px solid #0000001a;position:fixed;bottom:0;left:0;right:0}.mobile-modal{z-index:50;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:90vh;transition:transform .3s ease-out;overflow:hidden;transform:translateY(100%)}.mobile-modal.open .mobile-modal-content{transform:translateY(0)}.mobile-list-item{border-bottom:1px solid #f3f4f6;padding:16px;transition:background-color .2s}.mobile-list-item:active{background-color:#f9fafb}.mobile-list-item:last-child{border-bottom:none}.mobile-swipe-actions{align-items:center;display:flex;position:absolute;top:0;bottom:0}.mobile-swipe-actions.left{background:#10b981;left:0}.mobile-swipe-actions.right{background:#ef4444;right:0}.mobile-swipe-action{color:#fff;justify-content:center;align-items:center;min-width:80px;height:100%;padding:0 20px;font-weight:600;display:flex}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite mobileSkeletonLoading}@keyframes mobileSkeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.mobile-full-width{width:100vw;margin-left:calc(50% - 50vw)}.mobile-padding{padding-left:16px;padding-right:16px}.mobile-text-scale{font-size:clamp(14px,4vw,18px)}}@media (prefers-color-scheme:dark){.mobile-card{color:#fff;background:#1f2937}.mobile-input{color:#fff;background:#374151;border-color:#4b5563}.mobile-button-secondary{color:#f9fafb;background:#374151}.mobile-nav{background:#1f2937e6;border-top-color:#ffffff1a}.mobile-list-item{border-bottom-color:#374151}.mobile-list-item:active{background-color:#374151}}@media (prefers-contrast:high){.mobile-button{border:2px solid}.mobile-input{border-width:3px}.mobile-card{border:1px solid #000}}@media (prefers-reduced-motion:reduce){.mobile-card,.mobile-button,.mobile-input,.mobile-list-item,.mobile-modal-content{transition:none}.animate-mobile-slide-up,.animate-mobile-slide-down,.animate-mobile-fade-in,.animate-mobile-scale-in,.animate-mobile-bounce{animation:none}}
.top-navbar .nav-item .fas.fa-bell,.top-navbar .nav-item .user-avatar,.top-navbar .nav-item .user-name{visibility:visible!important;opacity:1!important;color:#fff!important;display:inline-block!important}.top-navbar .notification-badge,.top-navbar .animate-pulse{visibility:visible!important;opacity:1!important;z-index:1001!important}.top-navbar .nav-item .absolute{visibility:visible!important;opacity:1!important;z-index:9999!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;display:block!important;position:absolute!important;box-shadow:0 20px 25px -5px #0000001a!important}.top-navbar .absolute *{color:#374151!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;font-weight:500!important}.bengali-text,[lang=bn]{color:inherit!important;visibility:visible!important;opacity:1!important;font-family:Noto Sans Bengali,SolaimanLipi,Kalpurush,sans-serif!important;font-weight:500!important}.welcome-section h1,.welcome-section p,.text-lg.font-semibold.text-white{color:#fff!important;text-shadow:0 2px 4px #0000001a!important;visibility:visible!important;opacity:1!important;font-weight:700!important}@media (max-width:1024px){.top-navbar .nav-item .absolute{z-index:9999!important;width:auto!important;max-width:none!important;position:fixed!important;left:8px!important;right:8px!important}}.top-navbar .absolute .text-gray-800{color:#1f2937!important;font-weight:600!important}.top-navbar .absolute .text-gray-700{color:#374151!important;font-weight:500!important}.top-navbar .absolute .text-gray-600{color:#4b5563!important}.top-navbar .absolute .text-gray-500{color:#6b7280!important}
.top-navbar .fas.fa-bell{color:#fff!important;visibility:visible!important;opacity:1!important;font-size:1.125rem!important;display:inline-block!important}.top-navbar .absolute.-top-1.-right-1{color:#fff!important;visibility:visible!important;opacity:1!important;z-index:10000!important;background-color:#ef4444!important;display:flex!important}.top-navbar .bg-red-500{color:#fff!important;background-color:#ef4444!important}.top-navbar .nav-item .fas.fa-bell.text-white{color:#fff!important;-webkit-text-fill-color:white!important}.top-navbar .nav-item .fas.fa-bell.text-red-500{color:#ef4444!important;-webkit-text-fill-color:#ef4444!important}