.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;animation:fadeIn .3s ease-in-out;touch-action:none;-webkit-overflow-scrolling:touch}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.sidebar-overlay{animation:none}}.sidebar-container{position:fixed;top:0;left:0;width:300px;height:100vh;height:100dvh;z-index:100001;animation:slideIn .3s ease-in-out}.sidebar-content{background-color:#212121;height:100%;overflow:hidden;border-top-right-radius:40px;box-sizing:border-box}.sidebar-content,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{background-color:#141414;padding:max(40px,calc(40px + env(safe-area-inset-top))) 20px 20px;gap:8px;border-bottom:1px solid #404040;border-top-right-radius:40px;flex-shrink:0}.sidebar-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.profile-section{display:flex;gap:12px;align-items:center;flex:1}.avatar-container{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.5);overflow:hidden;box-shadow:0 0 12px 0 rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center}.avatar-image{-o-object-fit:cover;object-fit:cover}.avatar-image,.avatar-initials{width:100%;height:100%;border-radius:50%}.avatar-initials{background:linear-gradient(135deg,#e10092,#f3cbe3);color:white;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center}.user-info{display:flex;flex-direction:column;gap:4px;flex:1}.user-name{color:#f3f2f5;font-family:VoltePlay-Semibold,sans-serif;font-size:20px;font-weight:600;line-height:1.2}.user-phone{color:#d1d1d1;font-family:VoltePlay-Medium,sans-serif;font-size:14px;font-weight:500}.close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:rgba(255,255,255,.1)}.subscribe-button{background:rgba(0,0,0,.4);border:1px solid #f3cbe3;border-radius:20px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:4px;margin:16px 0 0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%}.subscribe-button:hover{background:rgba(225,0,146,.1);transform:translateY(-1px)}.subscribe-button .crown-icon{width:13.75px;height:11.86px}.subscribe-button .subscribe-text{color:white;font-family:VoltePlay-Medium,sans-serif;font-size:16px;font-weight:500;line-height:120%}.account-section{background-color:#212121;border-bottom:1px solid #404040;padding:16px;display:flex;flex-direction:column;gap:24px;flex-shrink:0}.subscription-info{display:flex;flex-direction:column;gap:8px}.sub-id{color:#f3f2f5}.sub-id,.switch-dth-button{font-family:VoltePlay-Medium,sans-serif;font-size:14px;font-weight:500}.switch-dth-button{justify-content:center;border:1px solid #bfa1b3;border-radius:4px;padding:5px 8px;display:flex;align-items:center;gap:8px;color:#f3cbe3;cursor:pointer;transition:all .2s}.switch-dth-button:hover{background-color:rgba(243,203,227,.1)}.balance-section{gap:12px}.balance-info,.balance-section{display:flex;flex-direction:column}.balance-info{flex:1}.balance-label{color:#f3f2f5;font-family:VoltePlay,sans-serif;font-size:13px;font-weight:500;text-align:left}.balance-amount{display:flex;align-items:center;justify-content:flex-start;height:auto}.balance-amount .bal{font-size:30px;margin:0;display:flex;gap:2px}.balance-amount .bal,.rupee-symbol{color:#f3f2f5;font-family:var(--font-voltePlay-medium);font-weight:600;line-height:1;align-items:center}.rupee-symbol{font-size:34px;display:inline-flex}.rupee-icon{font-size:20px;color:#f3f2f5}.balAmt{color:#f3f2f5;font-family:var(--font-voltePlay-medium);font-weight:600;line-height:1;display:inline-flex;align-items:center;font-size:34px}.refreshBal{justify-content:center}.refresh-icon{transition:transform .5s ease}.refresh-icon.refAnimate{animation:spin 1s linear infinite}.recharge-due{color:#f3f2f5;font-size:13px;text-align:left}.recharge-button,.recharge-due{font-family:VoltePlay-Medium,sans-serif;font-weight:500}.recharge-button{background-color:#e10092;color:white;border:none;border-radius:4px;padding:8px 16px;font-size:14px;line-height:120%;letter-spacing:0;vertical-align:middle;cursor:pointer;transition:background-color .2s;width:100%;height:32px;margin-top:12px;display:flex;align-items:center;justify-content:center}.recharge-button:hover{background-color:#c1007a}.refresh-icon{transition:transform .3s ease}.refAnimate{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.balAmt.odometer{display:inline-block;line-height:1;font-family:var(--font-voltePlay-medium)!important}.balAmt.odometer .odometer-digit,.balAmt.odometer .odometer-digit-inner,.balAmt.odometer .odometer-digit-spacer,.balAmt.odometer .odometer-formatting-mark,.balAmt.odometer .odometer-inside,.balAmt.odometer .odometer-ribbon,.balAmt.odometer .odometer-ribbon-inner,.balAmt.odometer .odometer-value{font-family:var(--font-voltePlay-semibold)!important}.bal{display:flex;align-items:baseline;gap:2px;margin:0}.refreshBal{cursor:pointer;margin-left:8px;display:flex;align-items:center}.menu-section{background-color:#212121;display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0}.menu-loading{color:#888}.menu-error,.menu-loading{padding:20px;text-align:center;font-size:14px}.menu-error{color:#ff6b6b;background-color:rgba(255,107,107,.1);border-radius:8px;margin:10px 0}.menu-empty{padding:20px;text-align:center;color:#888;font-size:14px;font-style:italic}.menu-item{border-bottom:1px solid #404040;padding:16px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:background-color .2s;position:relative}.menu-item:hover{background-color:rgba(255,255,255,.05)}.menu-item.highlighted{background-color:rgba(225,0,146,.1);border-left:3px solid #e10092}.menu-item span{color:#f3f2f5;font-size:16px;font-weight:500;flex:1}.notification-badge{background-color:#7f85f5;color:#141414;font-family:VoltePlay-Semibold,sans-serif;font-size:14px;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:16px}.sidebar-footer{margin-top:auto;padding:20px 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;flex-shrink:0}.footer-links{display:flex;align-items:center;gap:8px}.footer-links button{color:#f3cbe3;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;text-align:center}.footer-links button:hover{color:#e10092}.separator{width:3px;height:3px;background-color:#f3cbe3;border-radius:50%}.app-version{color:#D1D1D1;font-size:12px;font-weight:400;line-height:100%}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:650px){.sidebar-container{width:85%}.sidebar-content,.sidebar-header{border-top-left-radius:0}}.menu-section::-webkit-scrollbar{width:4px}.menu-section::-webkit-scrollbar-track{background:transparent}.menu-section::-webkit-scrollbar-thumb{background:#404040;border-radius:2px}.menu-section::-webkit-scrollbar-thumb:hover{background:#555}.sidebar-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.menu-list{list-style:none;margin:0;padding:0}button.menu-item{width:100%;background:none;border:none;border-bottom:1px solid #404040;text-align:left}button.footer-link{cursor:pointer;transition:color .2s}button.footer-link,button.refreshBal{background:none;border:none;padding:0}.close-button:focus,.recharge-button:focus,.subscribe-button:focus,.switch-dth-button:focus,button.footer-link:focus,button.menu-item:focus,button.refreshBal:focus{outline:none}.close-button:focus-visible,.subscribe-button:focus-visible,.switch-dth-button:focus-visible{outline:2px solid #E10092;outline-offset:2px}.recharge-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}button.menu-item:focus-visible{outline:none;background-color:rgba(225,0,146,.2);box-shadow:inset 3px 0 0 #E10092}button.footer-link:focus-visible{outline:none;text-decoration:underline;color:#E10092}button.refreshBal:focus-visible{outline:2px solid #E10092;outline-offset:2px;border-radius:50%}