:root{--sb-top:72px;--sb-left:16px;--sb-width:260px;--sb-bottom-gap:16px;--sb-radius:16px;--sb-rail:76px;--sb-toggle-size:44px;--sb-toggle-offset:12px;--sb-toggle-inset:12px;--sb-toggle-top:calc(var(--sb-top) + var(--sb-toggle-offset));--sb-toggle-left:calc((var(--sb-rail) - var(--sb-toggle-size)) / 2);--sb-toggle-open-left:calc(var(--sb-left) + var(--sb-width) - var(--sb-toggle-size) - var(--sb-toggle-inset));--sb-icon-size:calc(var(--sb-toggle-size) * 0.52);--sb-label-size:clamp(9px,calc(var(--sb-toggle-size) * 0.26),12px);--sb-primary:#1c5e6e;--sb-primary-dark:#0f4a5c;--sb-border:#eaeef3;--sb-surface:#ffffff;--sb-surface-alt:#fafcff;--sb-shadow:0 8px 32px rgba(0,0,0,0.08)}.sidebar-wrapper{position:relative}.sidebar-toggle-wrap{position:fixed;top:var(--sb-toggle-top);left:var(--sb-toggle-left);z-index:1400;display:flex;flex-direction:column;align-items:center;gap:2px;width:var(--sb-toggle-size);user-select:none;transition:left .3s ease,top .3s ease}.sidebar-toggle-wrap.is-open{left:var(--sb-toggle-open-left);top:var(--sb-toggle-top);width:auto}.sidebar-close-btn,.sidebar-toggle-btn{width:var(--sb-toggle-size)!important;height:var(--sb-toggle-size)!important;min-width:var(--sb-toggle-size)!important;padding:0!important}.sidebar-close-btn .MuiSvgIcon-root,.sidebar-toggle-btn .MuiSvgIcon-root{font-size:var(--sb-icon-size)!important}.sidebar-toggle-btn{background:var(--sb-primary)!important;border:1px solid var(--sb-border)!important;box-shadow:0 2px 10px rgba(0,0,0,.08);color:#ffffff!important;transition:background .2s ease,transform .2s ease,color .2s ease}.sidebar-toggle-btn:hover{transform:translateY(-1px)}.sidebar-toggle-label{font-size:var(--sb-label-size);font-weight:700;letter-spacing:.4px;color:var(--sb-primary);text-transform:uppercase;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .2s ease,color .2s ease}.sidebar-toggle-label:hover{background:#f0f7ff;color:var(--sb-primary-dark)}.sidebar-close-btn{background:#f5f9ff!important;border:1px solid #e0ecf7!important;color:var(--sb-primary)!important;box-shadow:0 2px 8px rgba(15,74,92,.1);transition:background .2s ease,transform .25s ease}.sidebar-close-btn:hover{background:#e6f0fa!important;transform:rotate(90deg)}.sidebar{position:fixed;top:var(--sb-top);left:var(--sb-left);width:var(--sb-width);height:calc(100vh - var(--sb-top) - var(--sb-bottom-gap));height:calc(100dvh - var(--sb-top) - var(--sb-bottom-gap));background:var(--sb-surface);border-radius:var(--sb-radius);box-shadow:var(--sb-shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid #f0f0f0;z-index:1200;transition:transform .3s ease,opacity .3s ease}.sidebar.closed{transform:translateX(calc(-100% - var(--sb-left) - 20px));opacity:0;pointer-events:none}.sidebar-header{padding:14px 20px;border-bottom:1px solid var(--sb-border);background:var(--sb-surface-alt);flex-shrink:0}.sidebar-title{font-size:.95rem;font-weight:700;letter-spacing:.4px;color:var(--sb-primary-dark);text-transform:uppercase}.sidebar-list{flex:1;padding:8px 0!important;overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.sidebar-list::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:8px}.menu-item-wrapper{margin:2px 8px}.menu-item-button{border-radius:12px!important;padding:10px 16px!important;transition:all .2s ease}.menu-item-button:hover{background:#f0f7ff!important}.menu-item-button.Mui-selected{background:#e6f0fa!important;color:var(--sb-primary-dark)!important}.menu-icon{color:#5f6b7a;min-width:36px!important}.menu-item-button.Mui-selected .menu-icon{color:var(--sb-primary-dark)}.sub-item-button{padding-left:48px!important;border-radius:8px!important;margin:1px 0;font-size:.9rem;color:#3d4a5a}.sub-item-button:hover{background:#f5f9ff!important}.sub-item-button.Mui-selected{background:#dce8f5!important;color:var(--sb-primary-dark);font-weight:500}.sidebar-actions{padding:16px;border-top:1px solid var(--sb-border);display:flex;flex-direction:column;gap:10px;background:var(--sb-surface-alt);flex-shrink:0}.btn-clear{border-color:#d0d8e0!important;color:#5f6b7a!important;border-radius:50px!important;padding:8px!important;font-weight:600!important;text-transform:none!important}.btn-clear:hover{border-color:#a0aec0!important;background:#f5f7fa!important;transform:translateY(-1px)}.btn-apply{background:linear-gradient(135deg,#0f4a5c,#1a6b82)!important;color:#fff!important;border-radius:50px!important;padding:10px!important;font-weight:700!important;text-transform:none!important;box-shadow:0 4px 14px rgba(15,74,92,.25)!important}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(15,74,92,.35)!important;background:linear-gradient(135deg,#1a5a6e,#20809c)!important}@media screen and (max-width:1024px){:root{--sb-top:64px;--sb-left:0px;--sb-width:min(300px,86vw);--sb-bottom-gap:8px;--sb-radius:0 16px 16px 0;--sb-rail:68px;--sb-toggle-size:42px;--sb-toggle-offset:12px;--sb-toggle-inset:10px}}@media screen and (max-width:480px){:root{--sb-top:56px;--sb-left:0px;--sb-width:100%;--sb-bottom-gap:0px;--sb-radius:0;--sb-rail:56px;--sb-toggle-size:40px;--sb-toggle-offset:10px;--sb-toggle-inset:8px;--sb-toggle-open-left:calc(100% - var(--sb-toggle-size) - var(--sb-toggle-inset))}.sidebar-actions{flex-direction:row;gap:12px;padding:12px 16px}.btn-apply,.btn-clear{flex:1}}