body{margin:0;font-family:Arial}
.rd-wrap{display:flex;height:100vh}
.sidebar{width:240px;background:#111827;color:#fff;overflow-y:auto}
.logo{padding:20px;font-size:20px;font-weight:bold}
.menu{list-style:none;padding:0}
.menu li{padding:14px}
.menu a{color:#fff;text-decoration:none}
.main{flex:1;display:flex;flex-direction:column}
.header{height:60px;background:#fff;display:flex;align-items:center;padding:0 15px;position:fixed;top:0;right:0;left:240px;z-index:10}
.content{margin-top:60px;padding:20px;overflow-y:auto;flex:1}
.form input{padding:8px;width:200px}
.form button{padding:8px}
.hamburger{display:none;background:none;border:none;font-size:22px}
@media(max-width:768px){
.sidebar{position:fixed;left:-240px;top:0;height:100%;transition:.3s}
.sidebar.show{left:0}
.header{left:0}
.hamburger{display:block}
}