.left-menu{flex:1;background:#fff;padding:20px;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:280px;max-height:500px;overflow-y:scroll;overflow-x:hidden}.left-menu ul{list-style:none;padding:0;margin:0}.left-menu li{margin-bottom:10px}.left-menu a{text-decoration:none;color:#333;font-weight:500;display:block}.left-menu a:hover{color:#04aa6d}.left-menu::-webkit-scrollbar{width:6px}.left-menu::-webkit-scrollbar-thumb{background-color:#04aa6d;border-radius:3px}.left-menu::-webkit-scrollbar-track{background:#f1f1f1}.left-menu{position:fixed;top:0;flex:1;background:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:260px;width:260px;position:sticky;top:60px;height:calc(100vh - 60px);max-height:100vh;overflow-y:auto;overflow-x:hidden;font-family:'Roboto','Open Sans',Arial,sans-serif;display:none}.left-menu{width:230px;background:#fafafa;border:1px solid #ddd;padding:15px;font-family:'Segoe UI',Tahoma,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.05)}.left-menu::-webkit-scrollbar{width:6px}.left-menu::-webkit-scrollbar-thumb{background-color:#04aa6d;border-radius:3px}.left-menu::-webkit-scrollbar-track{background:#f1f1f1}.left-menu ul{list-style:none;margin:0;padding:0}.left-menu ul.collapsed{display:none}.left-menu li{margin:0}.left-menu a{display:block;padding:4px 12px;text-decoration:none;color:#333;font-size:14px}.left-menu a:hover{background-color:#f5f5f5;color:#04aa6d}.left-menu a.active{background-color:#04aa6d;color:#fff;font-weight:bold;border-radius:4px}.left-menu h3{padding:8px 6px;margin:0;background:#f2f2f2;cursor:pointer;border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;position:relative;user-select:none;border-left:1px solid #04aa6d}.left-menu h3:hover{background:#f1f1f1}.left-menu h3::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);border:5px solid transparent;border-left-color:#333;transition:transform .3s ease}.left-menu h3.collapsed::after{transform:translateY(-50%) rotate(0deg)}