:root{--fondo: #f6f7f9;--superficie: #ffffff;--borde: #e3e6ea;--texto: #1c2733;--texto-sutil: #64748b;--primario: #0f6b5c;--primario-osc: #0b5347;--peligro: #b42318;--exito: #067647;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto)}h1{font-size:1.5rem;margin:0}h2{font-size:1.1rem;margin:1.5rem 0 .75rem}h3{font-size:1rem;margin:0 0 .75rem}.sutil{color:var(--texto-sutil);font-size:.9rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:2rem;width:100%;max-width:380px;box-shadow:0 4px 24px #0000000f}.auth-card.ancha{max-width:640px}.marca{font-size:1.6rem;font-weight:800;color:var(--primario);letter-spacing:-.02em;margin:0}.lema{color:var(--texto-sutil);margin:.25rem 0 1.5rem;font-size:.9rem}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.9rem}input,select{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:8px;font-size:.95rem;background:var(--superficie)}input:focus,select:focus{outline:2px solid var(--primario);outline-offset:-1px}button{background:var(--primario);color:#fff;border:0;border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer}button:hover{background:var(--primario-osc)}button:disabled{opacity:.6;cursor:not-allowed}button.enlace{background:none;color:var(--primario);padding:.5rem 0;font-weight:500}.boton{display:inline-block;background:var(--primario);color:#fff;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none}.alerta{background:#fef3f2;color:var(--peligro);border:1px solid #fecdca;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:.9rem}.exito{background:#ecfdf3;color:var(--exito);border:1px solid #abefc6;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:.9rem}.tarjetas-tipo{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem}.tarjeta-tipo{background:var(--superficie);border:1.5px solid var(--borde);border-radius:10px;padding:.9rem;text-align:left;color:var(--texto);display:flex;flex-direction:column;gap:.35rem;font-weight:400}.tarjeta-tipo span{font-size:.78rem;color:var(--texto-sutil)}.tarjeta-tipo:hover{background:#f0faf7}.tarjeta-tipo.activa{border-color:var(--primario);background:#f0faf7}.tarjeta-tipo.deshabilitada{opacity:.5;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--superficie);border-right:1px solid var(--borde);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.sidebar nav a{padding:.5rem .7rem;border-radius:8px;color:var(--texto);text-decoration:none;font-size:.92rem}.sidebar nav a:hover{background:var(--fondo)}.sidebar nav a.active{background:#f0faf7;color:var(--primario);font-weight:600}.selector-cuenta,.cuenta-nombre{font-size:.88rem;font-weight:600}.sidebar-pie{border-top:1px solid var(--borde);padding-top:.75rem}.usuario{font-size:.8rem;color:var(--texto-sutil);display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem;word-break:break-all}.contenido{padding:1.75rem 2rem;max-width:1100px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.tarjetas-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-bottom:1.5rem}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.3rem}.kpi-clic{text-decoration:none;color:var(--texto)}.kpi-clic:hover{border-color:var(--primario);background:#f0faf7}.kpi-valor{font-size:1.6rem;font-weight:700}.kpi-nombre{font-size:.82rem;color:var(--texto-sutil)}.tabla{width:100%;border-collapse:collapse;background:var(--superficie);border:1px solid var(--borde);border-radius:10px;overflow:hidden;font-size:.92rem}.tabla th,.tabla td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--borde)}.tabla th{background:var(--fondo);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-sutil)}.tabla tr:last-child td{border-bottom:0}.etiqueta{display:inline-block;background:var(--fondo);border:1px solid var(--borde);border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;width:fit-content}.etiqueta.ok{background:#ecfdf3;border-color:#abefc6;color:var(--exito)}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:1.1rem;margin:1rem 0 1.5rem}.fila{display:grid;grid-template-columns:2fr 1.2fr .5fr 1.2fr;gap:.8rem}.fila label.corta{min-width:0}.panel .fila+button,.panel form button{margin-top:.4rem}.fila-clic{cursor:pointer}.fila-clic:hover td{background:#f0faf7}.miga{font-size:.85rem;color:var(--texto-sutil);margin:0 0 .75rem}.miga a{color:var(--primario);text-decoration:none}.tarjetas-conexion{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem}.conexion{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.conexion p{margin:.25rem 0 0}.conexion.clicable{text-decoration:none;color:var(--texto)}.conexion.clicable:hover{border-color:var(--primario);background:#f0faf7}.fila.dos{grid-template-columns:2fr 1.5fr}.vacio{background:var(--superficie);border:1px dashed var(--borde);border-radius:12px;padding:2.5rem;text-align:center;color:var(--texto-sutil)}.vacio h2{margin-top:0;color:var(--texto)}.cargando{min-height:100vh;display:grid;place-items:center;color:var(--texto-sutil)}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--borde)}.fila{grid-template-columns:1fr}}