.menu-toggle{display:none;background:#04aa6d;color:#fff;padding:8px 12px;font-size:16px;cursor:pointer;border-radius:4px;margin-bottom:10px;transition:background .3s}.menu-toggle:hover{background:#059862}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close-btn{background:none;border:0;font-size:20px;color:#333;cursor:pointer;line-height:1;padding:0}.close-btn:hover{color:#04aa6d}.left-menu h3{font-size:16px;color:#04aa6d;margin-bottom:10px;font-weight:normal}.left-menu ul{list-style:none;margin:0;padding:0}.left-menu ul li{margin-bottom:8px}.left-menu ul li a{text-decoration:none;color:#333;padding:6px 10px;display:block;border-radius:4px;transition:background .2s,color .2s}.left-menu ul li a:hover{background:#e6f4ef;color:#04aa6d}.left-menu ul li a.active{background:#04aa6d;color:#fff}@media(max-width:768px){.menu-toggle{display:inline-block}.left-menu{position:fixed;top:0;left:0;height:100%;width:250px;transform:translateX(-100%);transition:transform .3s ease;z-index:1000;padding-top:15px}.left-menu.active{transform:translateX(0)}}.main-layout{display:flex;align-items:flex-start;gap:20px}.content{flex:1;background:#fff;padding:20px;box-sizing:border-box;width:80%}