html{background-color:#f2f2f7}.sidebar{background-color:#333;color:#fff;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.sidebar.open{transform:translateX(0)}.menu-btn{color:#333;left:20px;position:fixed}.close-btn,.menu-btn{background:none;border:none;cursor:pointer;font-size:24px;top:20px}.close-btn{color:#fff;position:absolute;right:20px}.layout{background-color:#f2f2f7;display:flex;height:100vh;position:relative;width:100%}.layout-sidebar{background-color:#333;bottom:0;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.layout-sidebar.open{transform:translateX(0)}.layout-content{flex:1 1;transition:margin-left .3s ease}.layout-content.shifted{margin-left:250px}.layout-main{background-color:#f2f2f7;padding:20px}
/*# sourceMappingURL=main.7228272a.css.map*/