:root{--primario: #1e3a5f;--acento: #4a9eff;--fondo: #f8f9fa;--alerta-deuda: #e65100;--al-dia: #2e7d32;--texto: #1a1a1a;--borde: #dde2e7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto)}.topbar{background:var(--primario);color:#fff;padding:14px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.topbar .marca{font-size:15px}.topbar .vendedor{font-size:13px;opacity:.85}.contenedor{padding:16px;max-width:480px;margin:0 auto}.contenedor.con-navbar{padding-bottom:76px}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom,0)}.navbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;color:#888;text-decoration:none;font-size:12px}.navbar-item.activo{color:var(--primario);font-weight:600}.navbar-icon{font-size:20px}input,button,select,textarea{font-family:inherit;font-size:15px}input[type=text],input[type=password],input[type=search]{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;margin-bottom:12px}button.primario{width:100%;padding:12px;background:var(--primario);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}button.primario:disabled{opacity:.6;cursor:default}button.secundario{background:transparent;color:var(--primario);border:1px solid var(--primario);border-radius:8px;padding:10px;cursor:pointer}.card{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:14px;margin-bottom:10px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.deuda{background:#fdecea;color:var(--alerta-deuda)}.badge.al-dia{background:#e8f5e9;color:var(--al-dia)}.error{color:var(--alerta-deuda);font-size:14px;margin-bottom:10px}.offline-banner{background:#fff3e0;color:var(--alerta-deuda);text-align:center;padding:6px;font-size:13px}