body{font-family:sans-serif;margin:0;background:#f6f7fb}
.topbar{padding:16px;background:white;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}
.btn{padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:white;cursor:pointer}
.btn.primary{background:#4f46e5;color:white;border-color:#4f46e5}
.tabs{display:flex;gap:8px;padding:12px}
.tab{padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:white;cursor:pointer}
.tab.active{background:#4f46e5;color:white}
.panel{display:none;padding:16px}
.panel.active{display:block}
.grid{border:1px solid #ccc;border-radius:6px;background:white;padding:8px;overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #eee}
.input{padding:8px;border:1px solid #ccc;border-radius:6px}