:root{--primario: #4a90a4;--primario-oscuro: #3d7a8c;--texto: #1f2937;--tenue: #6b7280;--borde: #e5e7eb;--fondo: #f8fafc;--blanco: #fff;--ok: #059669;--aviso: #d97706;--peligro: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--texto);background:var(--fondo);font-size:14px;line-height:1.5}h1,h2,h3{margin:0 0 4px;font-weight:600}h2{font-size:20px}h3{font-size:15px}code.id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--tenue);background:#0000000a;padding:1px 5px;border-radius:4px;word-break:break-all}.tenue{color:var(--tenue)}.rojo{color:var(--peligro);font-weight:600}.error{color:var(--peligro);margin:8px 0}.error.pequeno{font-size:12px}.aviso{color:var(--ok);font-size:13px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-caja{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;padding:32px;width:100%;max-width:340px;display:flex;flex-direction:column}.login-caja h1{font-size:24px}.login-sub{color:var(--tenue);margin:0 0 22px}.login-caja label{font-size:13px;margin-bottom:4px}.marco{min-height:100vh}header{background:var(--blanco);border-bottom:1px solid var(--borde);padding:0 24px;height:56px;display:flex;align-items:center;gap:28px}.marca{font-weight:700;font-size:17px;color:var(--primario)}.nav{display:flex;gap:18px;flex:1}.nav a{color:var(--tenue);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--texto)}.nav a.active{color:var(--primario);border-bottom-color:var(--primario)}main{padding:24px;max-width:1100px;margin:0 auto}.cabecera-seccion{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.miga{margin-bottom:10px}.miga a{color:var(--tenue);text-decoration:none;font-size:13px}.miga a:hover{color:var(--primario)}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:16px;text-decoration:none;color:inherit;display:block;transition:border-color .15s,transform .15s}.tarjeta:hover{border-color:var(--primario);transform:translateY(-1px)}.tarjeta-cab{display:flex;justify-content:space-between;align-items:start;gap:8px}.contadores{display:flex;gap:12px;margin-top:10px;font-size:12px;color:var(--tenue);flex-wrap:wrap}.etiqueta{font-size:11px;padding:2px 8px;border-radius:20px;white-space:nowrap}.etiqueta.activa{background:#d1fae5;color:#065f46}.etiqueta.inactiva{background:#f3f4f6;color:var(--tenue)}.tokens{margin-top:12px}.barra{height:6px;background:var(--borde);border-radius:3px;overflow:hidden}.barra.grande{height:12px;margin:14px 0 6px}.relleno{height:100%;transition:width .3s}.relleno.ok{background:var(--ok)}.relleno.aviso{background:var(--aviso)}.relleno.critico{background:var(--peligro)}.tokens-txt{font-size:11.5px;color:var(--tenue)}.metricas{display:flex;gap:28px;flex-wrap:wrap}.metrica{display:flex;flex-direction:column}.metrica-valor{font-size:26px;font-weight:600}.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:18px}.pestanas button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;cursor:pointer;color:var(--tenue);font-size:14px;font-family:inherit}.pestanas button:hover{color:var(--texto)}.pestanas button.activa{color:var(--primario);border-bottom-color:var(--primario)}.panel-pestana{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:18px}table.datos{width:100%;border-collapse:collapse}table.datos th,table.datos td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--borde);vertical-align:top}table.datos th{color:var(--tenue);font-weight:500;white-space:nowrap}table.datos thead th{font-size:12px;text-transform:uppercase;letter-spacing:.3px}tr.reemplazado{opacity:.55}.estado{font-size:11px;padding:2px 8px;border-radius:20px;white-space:nowrap}.estado.pending{background:#f3f4f6;color:var(--tenue)}.estado.processing{background:#fef3c7;color:#92400e}.estado.ready{background:#d1fae5;color:#065f46}.estado.error{background:#fee2e2;color:#991b1b}.estado.replaced{background:#f3f4f6;color:var(--tenue)}input[type=text],input[type=email],input[type=password],input[type=number],textarea{width:100%;padding:9px 11px;border:1px solid var(--borde);border-radius:7px;font-family:inherit;font-size:14px;margin-bottom:12px;background:var(--blanco)}input:focus,textarea:focus{outline:none;border-color:var(--primario)}textarea.prompt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;resize:vertical}button{background:var(--primario);color:var(--blanco);border:0;border-radius:7px;padding:9px 16px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:var(--primario-oscuro)}button:disabled{opacity:.5;cursor:default}button.enlace{background:none;color:var(--tenue);padding:4px 6px;font-size:13px}button.enlace:hover{color:var(--primario);background:none}button.enlace.peligro:hover{color:var(--peligro)}.acciones{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}.fila-formulario{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}.fila-formulario input{margin-bottom:0;width:auto;flex:1;min-width:170px}.conmutador{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tenue)}.conmutador input{width:auto;margin:0}.destacado{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:14px;margin-bottom:18px}.apikey{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--blanco);padding:9px;border-radius:6px;margin:9px 0;word-break:break-all}@media (max-width: 640px){main{padding:16px}header{padding:0 14px;gap:14px}.metricas{gap:18px}}