:root{font-family:Inter,system-ui,Arial,sans-serif;color:#172026;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#111827;color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}h1,h2,h3,p{margin:0}aside p{color:#9ca3af;margin-bottom:16px}button{border:0;border-radius:8px;padding:10px 12px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;background:#eef2f7;color:#172026}aside button{background:transparent;color:#cbd5e1}.activo,aside button:hover{background:#243044;color:#fff}section{padding:28px}header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}header span{color:#64748b}.config{display:flex;gap:8px}input{border:1px solid #d5dbe3;border-radius:8px;padding:10px;min-width:220px}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin:24px 0}article,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}article{display:flex;flex-direction:column;gap:8px}article strong{font-size:28px}.panel h3{display:flex;align-items:center;gap:8px}.acciones{display:flex;gap:8px;margin:16px 0}code{background:#eef2f7;padding:2px 5px;border-radius:5px}@media(max-width:800px){main{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.config,header{flex-direction:column}input{width:100%}}:root{background:#f6f8f9}aside{background:#18302f}aside button.activo,aside button:hover{background:#31504b}.salir{margin-top:auto}section{min-width:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.dos{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{margin-top:15px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tabla{overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:11px 8px;border-bottom:1px solid #e8eded}th{font-size:13px;color:#596f72}.acciones{white-space:nowrap}.acciones button{padding:7px;margin-right:5px}.error{color:#a72e2e}.aviso{background:#fff1f0;padding:12px;margin-top:18px;border-radius:6px}.centrado{min-height:100vh;display:grid;place-items:center}.acceso{width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e0e6e6;border-radius:8px;padding:26px}.acceso label{font-size:14px}.acceso button{background:#1b6960;color:#fff}.acceso p{color:#61747a}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:16px}.dialogo{max-width:520px;width:100%;background:#fff;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:16px}.dialogo code{padding:12px;background:#f0f4f3;overflow-wrap:anywhere}@media(max-width:800px){main{grid-template-columns:1fr}aside{flex-direction:row;flex-wrap:wrap;padding:12px}aside h1,aside p{width:100%;margin:0}aside button{flex:1}.salir{margin:0}.grid,.grid.dos{grid-template-columns:1fr}section{padding:18px}}