#mfc-root{display:flex;height:100vh;background:#0b1220;color:#fff;font-family:sans-serif}
.sidebar{width:220px;background:#08111f;padding:10px}
.sidebar button{display:block;width:100%;margin:5px 0;padding:8px}
.main{flex:1;padding:15px}
.header{display:flex;justify-content:space-between;margin-bottom:10px}
.table{width:100%;border-collapse:collapse}
.table td,.table th{border:1px solid #333;padding:5px}
@media(max-width:768px){
 #mfc-root{flex-direction:column}
 .sidebar{width:100%;display:flex;overflow:auto}
 .sidebar button{flex:1}
}