: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}
.table{overflow-x:auto}.table table{width:100%;border-collapse:collapse;min-width:980px}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:14px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}.table tr:last-child td{border-bottom:0}.table .button{padding:8px 11px;white-space:nowrap}.table a{word-break:break-word}.request-row{border-bottom:1px solid #e5e7eb;padding:14px 0}.request-row:last-child{border-bottom:0}.request-row p{margin:0 0 8px}.request-row p:last-child{margin-bottom:0}@media(max-width:980px){.table.panel,.panel.table{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.table table,.table tbody,.table tr,.table td{display:block;width:100%;min-width:0}.table thead{display:none}.table tr,.table .request-row{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px #0f172a12;margin:0 0 14px;padding:10px 14px}.table td{box-sizing:border-box;border-bottom:1px solid #edf2f7;padding:10px 0 10px 42%;position:relative;min-height:42px}.table td:last-child{border-bottom:0}.table td::before{content:attr(data-label);position:absolute;left:0;top:10px;width:36%;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.table td:not([data-label]){padding-left:0}.table td:not([data-label])::before{content:none}.table .button{width:100%;box-sizing:border-box;text-align:center}.table .actions{display:grid;grid-template-columns:1fr;gap:10px}.table .actions form,.table .actions button{width:100%}.request-row{border-bottom:0}}
@media(max-width:980px){.tenants-table table,.tenants-table tbody,.tenants-table tr,.tenants-table td{display:block!important;width:100%!important;min-width:0!important}.tenants-table thead{display:none!important}.tenants-table tr{box-sizing:border-box!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 10px 30px #0f172a12!important;margin:0 0 14px!important;padding:10px 14px!important}.tenants-table td{box-sizing:border-box!important;border-bottom:1px solid #edf2f7!important;padding:10px 0 10px 42%!important;position:relative!important;min-height:42px!important}.tenants-table td:last-child{border-bottom:0!important}.tenants-table td::before{content:attr(data-label)!important;position:absolute!important;left:0!important;top:10px!important;width:36%!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important}.tenants-table .button{width:100%!important;box-sizing:border-box!important;text-align:center!important}}