body { font-family: sans-serif; margin: 0; display: flex; height: 100vh; background: #f4f7f6; }
.sidebar { width: 200px; background: #1e293b; color: white; padding: 20px; }
.sidebar a { color: #cbd5e1; text-decoration: none; display: block; padding: 10px 0; }
.main-content { flex: 1; padding: 40px; overflow-y: auto; }
.tab { display: none; } .tab.active { display: block; }
table { width: 100%; border-collapse: collapse; background: white; margin-top: 15px;}
th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
button { background: #3b82f6; color: white; border: none; padding: 6px 10px; cursor: pointer; }
input { padding: 6px; }