:root{--oro: #d4af37;--oro-claro: #e2c57b;--plata: #c7c6c6;--negro-marca: #0a0a0c;--verde-marca: #5e7232;--fondo: var(--negro-marca);--superficie: #15161a;--superficie-2: #1e2027;--borde: #2b2d35;--texto: #ecedef;--suave: #9b9ca4;--acento: #a8c07a;--acento-fuerte: #7f9a4e;--rojo: #e0806f;--rojo-fondo: #35211d;--verde: var(--acento)}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.cabecera-marca{display:flex;align-items:center;gap:.85rem;min-width:0}.marca-chica{width:46px;height:46px;flex-shrink:0;object-fit:contain}.cabecera h1{margin:0;font-size:1.45rem;letter-spacing:-.01em;color:var(--oro);font-weight:700}.marca-fina{color:var(--plata);font-weight:400;letter-spacing:.04em}.cabecera-acciones{display:flex;gap:.5rem}.cabecera p{margin:.25rem 0 0}.nota{color:var(--suave);font-size:.9rem;border-left:2px solid var(--borde);padding-left:.75rem;margin:1rem 0 1.5rem}.suave{color:var(--suave)}.rojo{color:var(--rojo)}.verde{color:var(--verde)}.pie{margin-top:2.5rem;font-size:.85rem}button{font:inherit;border-radius:8px;padding:.5rem .9rem;cursor:pointer;border:1px solid transparent;transition:background .12s ease}button:disabled{opacity:.45;cursor:default}.primario{background:var(--acento-fuerte);color:#06120d;font-weight:600}.primario:hover:not(:disabled){background:var(--acento)}.fantasma{background:transparent;color:var(--texto);border-color:var(--borde)}.fantasma:hover:not(:disabled){background:var(--superficie-2)}.peligro{background:transparent;color:var(--rojo);border-color:var(--rojo)}.peligro:hover:not(:disabled){background:var(--rojo-fondo)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:1.25rem;margin-bottom:1rem}.ficha{position:relative;overflow:hidden;transition:border-color .14s ease,transform .14s ease}.ficha:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--oro)}.ficha:hover{border-color:#3a3d47}.ficha.suspendido:before{background:var(--rojo)}.alerta{border-radius:10px;padding:.85rem 1rem;margin:1rem 0;border:1px solid var(--borde);background:var(--superficie)}.alerta.error{border-color:var(--rojo);background:var(--rojo-fondo);color:#ffd9d0}.alerta.ok{border-color:var(--acento-fuerte)}.credenciales .clave{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;background:var(--superficie-2);border-radius:8px;padding:.75rem;margin:.75rem 0;-webkit-user-select:all;user-select:all}.credenciales ul{margin:.5rem 0 1rem;padding-left:1.1rem;color:var(--suave);font-size:.9rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--suave)}input,select{font:inherit;background:var(--superficie-2);color:var(--texto);border:1px solid var(--borde);border-radius:8px;padding:.5rem .65rem}input:focus,select:focus{outline:2px solid var(--acento-fuerte);outline-offset:1px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin:1rem 0}.acciones{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tarjetas{display:grid;gap:1rem}.ficha-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.ficha h2{margin:0;font-size:1.15rem}.ficha p{margin:.2rem 0 0;font-size:.9rem}.ficha.suspendido{border-color:var(--rojo)}.prefijo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--suave);border:1px solid var(--borde);border-radius:6px;padding:.05rem .35rem;margin-left:.4rem;vertical-align:middle}.motivo{font-size:.85rem;margin-top:.6rem}.etiqueta{font-size:.78rem;border-radius:999px;padding:.15rem .6rem;white-space:nowrap;border:1px solid}.etiqueta.verde{color:var(--verde);border-color:var(--acento-fuerte)}.etiqueta.roja{color:var(--rojo);border-color:var(--rojo)}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin:1rem 0;padding:.9rem 0;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}.metricas div{display:flex;flex-direction:column;gap:.15rem}.metricas strong{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metricas span{font-size:.7rem;color:var(--suave);text-transform:uppercase;letter-spacing:.07em}.cobro{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.92rem}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:2rem;width:min(24rem,100%);display:flex;flex-direction:column;gap:.9rem}.login-marca{width:132px;height:auto;align-self:center;margin-bottom:.2rem}.login-sub{align-self:center;margin:-.4rem 0 .8rem;color:var(--plata);font-size:.9rem;letter-spacing:.16em;text-transform:uppercase}.login-caja p{margin:-.6rem 0 .6rem}.login-caja button{margin-top:.5rem}.buscador{margin-bottom:1rem}.resultados{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--borde);border-radius:10px;overflow:hidden;max-height:17rem;overflow-y:auto}.resultado{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left;background:transparent;color:var(--texto);border:0;border-bottom:1px solid var(--borde);border-radius:0;padding:.6rem .85rem}.resultado:last-child{border-bottom:0}.resultado:hover:not(:disabled){background:var(--superficie-2)}.resultado span{display:flex;flex-direction:column}.resultado em{font-style:normal;font-size:.82rem;color:var(--suave)}