body{background:#f8fafc;margin:0}.sidebar{color:#fff;z-index:1050;background:#0f172a;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.logo{border-bottom:1px solid #334155;padding:20px}.menu-list{flex:1;padding:15px}.menu-item{color:#fff;border-radius:10px;margin-bottom:10px;padding:12px;text-decoration:none;display:block}.menu-item.active{background:#2563eb}.logout-box{padding:15px}.main-content{margin-left:260px}.top-header{background:#fff;align-items:center;gap:15px;height:70px;padding:0 20px;display:flex;box-shadow:0 2px 10px #00000014}.sidebar-overlay{display:none}@media (max-width:991px){.sidebar{transition:all .3s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-content{margin-left:0}.sidebar-overlay{z-index:1040;background:#0006;display:block;position:fixed;inset:0}.main-content{background:#f8fafc;min-height:100vh;margin-left:260px}@media (max-width:991px){.main-content{margin-left:0}}}