:root{--navy:#173b68;--blue:#2865a6;--ink:#172536;--muted:#718096;--line:#e3e9f0;--bg:#f3f6fa;--white:#fff;--gold:#c7a45b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1120px)/2))}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:11px;color:var(--muted);margin-top:3px}.status{font-size:12px;color:var(--muted);background:#f4f7fb;padding:8px 12px;border-radius:20px}
.shell{max-width:1120px;margin:0 auto;padding:54px 22px 24px}.hero{max-width:660px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}h1{font-size:clamp(36px,6vw,58px);line-height:1.05;letter-spacing:-2px;margin:14px 0;color:var(--navy)}h1 span{color:#8a9bb0}.hero p{font-size:16px;line-height:1.65;color:var(--muted);max-width:520px}
.auth-card,.setup-card,.dashboard-placeholder{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 36px rgba(25,48,78,.06);max-width:470px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:-4px 0 22px}.tab{background:none;border:0;padding:12px 14px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-color:var(--gold)}
label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}input{width:100%;height:46px;border:1px solid #d8e0e9;border-radius:9px;padding:0 13px;font:inherit;color:var(--ink);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,101,166,.1)}
button{font:inherit;cursor:pointer}.primary,.secondary{border:0;border-radius:9px;padding:13px 18px;font-weight:750}.primary{background:var(--navy);color:white}.primary:hover{background:var(--blue)}.full{width:100%;margin-top:20px}.secondary{background:#edf2f7;color:var(--navy)}.text-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700;margin-top:15px;padding:4px 0}.notice{font-size:12px;line-height:1.5;color:var(--muted);min-height:18px}.hidden{display:none!important}
.workspace{margin-top:35px}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}h2{font-size:30px;margin:7px 0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.setup-card{max-width:680px}.setup-card h3,.dashboard-placeholder h3{margin:0 0 8px;font-size:20px}.business-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:18px}.business-form label{grid-column:1/-1;margin-bottom:-4px}.success-icon{width:42px;height:42px;border-radius:50%;background:#e6f4ed;color:#238653;display:grid;place-items:center;font-weight:900;margin-bottom:15px}
footer{margin-top:70px;color:#98a4b3;font-size:11px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:600px){.topbar{height:66px;padding:0 16px}.status{font-size:10px;padding:7px 9px}.shell{padding:38px 16px 20px}.auth-card,.setup-card,.dashboard-placeholder{padding:21px}.welcome-row{align-items:flex-start}.business-form{grid-template-columns:1fr}.business-form label{grid-column:auto}.business-form button{width:100%}footer{margin-top:48px}}
/* DATOS BANCARIOS */
.bank-card {
  margin-top: 22px;
  max-width: 680px;
}

.bank-details {
  margin-top: 18px;
  padding: 16px;
  background: #f3f6fa;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.bank-details p {
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

#admin-bank-panel {
  margin-top: 22px;
  max-width: 680px;
}

#bank-settings-form textarea {
  width: 100%;
  border: 1px solid #d8e0e9;
  border-radius: 9px;
  padding: 12px;
  font: inherit;
  resize: vertical;
}

#bank-save-button {
  margin-top: 18px;
  width: 100%;
}