*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#222;background:#f2f2f2}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:1rem}nav.tabs{display:flex;border-top:1px solid #ccc;background:#eee}nav.tabs a{flex:1;text-align:center;padding:.75rem .25rem;text-decoration:none;color:#444}nav.tabs a.activo{font-weight:700;color:#000;background:#ddd}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:.4rem .6rem;text-align:left}