*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.app-root{display:flex;height:100vh}.sidebar{width:220px;background:#0f172a;color:#fff;padding:16px}.sidebar .brand{font-weight:700;margin-bottom:16px}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:8px;border-radius:4px;cursor:pointer}.sidebar li.active{background:#1e293b}.main-content{flex:1;padding:16px;background:#f8fafc}.data-view .toolbar{display:flex;gap:8px;align-items:center;margin-bottom:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #e2e8f0;text-align:left}.pagination{margin-top:8px;display:flex;gap:8px;align-items:center}