:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172026;background:#f6f7f9}body{margin:0}.topbar{height:64px;display:flex;align-items:center;gap:22px;padding:0 5vw;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.brand{font-weight:800;color:#0f766e;text-decoration:none;font-size:20px}nav{display:flex;gap:14px;flex:1}nav a,a{color:#334155;text-decoration:none}.badge{background:#111827;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px}.shell{max-width:1120px;margin:auto;padding:38px 5vw}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:30px;align-items:center;min-height:62vh}.hero h1{font-size:64px;line-height:1;margin:0 0 14px}.hero p{font-size:20px;color:#475569}.eyebrow{font-size:13px!important;text-transform:uppercase;letter-spacing:.08em;color:#0f766e!important}.panel,.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;box-shadow:0 10px 30px #0f172a12}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{background:#0f766e;color:#fff;border:0;border-radius:7px;padding:11px 15px;font-weight:700;display:inline-block;cursor:pointer}.ghost{background:#e2e8f0;color:#172026}.danger{background:#b91c1c}.form-card{max-width:480px;margin:auto}form{display:grid;gap:12px}input,textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;padding:11px;font:inherit}textarea{min-height:90px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:7px}.ok{background:#dcfce7;color:#166534;padding:10px;border-radius:7px}.muted{color:#64748b}.portal{background:linear-gradient(135deg,var(--tenant),#155e75);color:#fff;border-radius:8px;padding:46px}.portal p{font-size:20px}.success{border-color:#86efac}.table pre{white-space:pre-wrap;border-bottom:1px solid #e5e7eb;padding-bottom:12px}@media(max-width:760px){.topbar{height:auto;align-items:flex-start;padding:14px 5vw;flex-wrap:wrap}nav{order:3;width:100%;overflow:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:42px}.shell{padding-top:24px}}.demo-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.demo-actions form{display:block}.demo-actions button{width:100%}.divider{display:flex;align-items:center;gap:10px;color:#64748b;font-size:13px;margin:6px 0 14px}.divider:before,.divider:after{content:"";height:1px;background:#e5e7eb;flex:1}

.settings-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:18px;align-items:start}.cfdi-list{display:grid;gap:10px;margin-top:14px}.cfdi-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#f8fafc}.cfdi-edit{display:grid;grid-template-columns:64px minmax(170px,1fr) auto auto;gap:10px;align-items:center}.cfdi-code{font-weight:800;color:#0f766e}.cfdi-remove{display:block}.cfdi-remove button,.cfdi-edit button,.cfdi-add button{white-space:nowrap}.cfdi-add{display:grid;grid-template-columns:110px minmax(180px,1fr) auto;gap:10px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.inline-check,.check-row{display:flex;align-items:center;gap:8px}.inline-check input,.check-row input{width:auto}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.cfdi-item{grid-template-columns:1fr}.cfdi-edit,.cfdi-add{grid-template-columns:1fr}.cfdi-remove button{width:100%}}
.nav-logout{display:inline;margin:0}.nav-logout button{padding:7px 10px;font-size:14px}