.sidebar-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:80px;display:flex;position:fixed;top:0;left:0}.sidebar-content{background:#fff;border-radius:8px;width:92%;max-width:600px;animation:.3s ease-out modalSlideDown;overflow:hidden;box-shadow:0 10px 25px #00000026}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sidebar-header{border-bottom:1.5px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.sidebar-title{color:#002b45;align-items:center;gap:8px;margin:0;font-size:1.3rem;font-weight:700;display:flex}.total-badge{color:#fff;background:#002b45;border-radius:4px;padding:1px 8px;font-size:.9rem}.back-icon,.close-icon{cursor:pointer;color:#002b45}.sidebar-list{max-height:75vh;padding:15px 20px;overflow-y:auto}.list-item{cursor:pointer;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;transition:background .2s;display:flex}.list-item:hover{background-color:#f9f9f9}.sub-name{color:#111;font-size:1.05rem;font-weight:600}.item-right{align-items:center;gap:10px;display:flex}.count-box{color:#e5b80b;text-align:center;background:#002b45;border-radius:4px;min-width:45px;padding:2px 10px;font-size:.95rem;font-weight:800}.arrow-icon{color:#333}@media (max-width:480px){.sidebar-overlay{padding-top:50px}.sidebar-content{width:95%}}