.home-greeting{display:flex;gap:22px;align-items:center;margin:10px 0 44px}.home-greeting>span{background:#681803;color:#fff;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;font-size:23px}.home-card{background:#fff;border-radius:6px;padding:20px;margin:0 0 16px}.home-card h3{margin:0 0 24px}.hm-steps{display:grid;grid-template-columns:minmax(220px,1fr) 2.5fr;gap:6%;align-items:center;min-height:370px;padding:40px}.hm-brandmark{display:block;width:61px;height:45px;overflow:hidden;margin:4px 0 24px}.hm-brandmark img{width:60px;height:40px;object-fit:contain}.hm-steps p{line-height:1.5;margin:12px 0}.hm-steps progress{width:100%;height:9px;accent-color:#fa3066}.center{text-align:center}.home-show{border:0;background:transparent;text-decoration:underline;display:block;margin:14px auto}.hm-step{display:flex;align-items:center;padding:18px;gap:18px;border:1px solid #ddd;border-radius:5px;min-height:78px;margin:10px 0}.hm-step.done{border-color:transparent;background:#f7f7f7}.hm-step>div{flex:1}.hm-step p{margin:5px 0 0;font-size:13px}.hm-check{background:#39ac82;color:#fff;border-radius:100%;width:23px;height:23px;display:grid;place-items:center}.hm-title{margin:10px 0 4px}.hm-chips{display:flex;gap:7px;margin-bottom:14px}.hm-chips b{background:#fff;padding:8px 10px;font-size:12px}.hm-fin,.hm-numbers,.hm-pending,.hm-rings{display:grid;gap:18px;grid-template-columns:1fr 1fr}.hm-fin{grid-template-columns:repeat(3,minmax(0,1fr));max-width:78%}.hm-metric{background:#f2f2f2;border-radius:5px;padding:17px 24px}.hm-metric b,.hm-metric small,.hm-ring strong,.hm-ring span{display:block}.hm-metric b{font-size:23px}.hm-metric small{font-size:13px}.activity-chart{width:100%;margin-top:20px;font:9px 'Segoe UI',sans-serif;fill:#666}.hm-rings{margin-top:28px}.hm-ring{max-width:245px;width:90%;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--ring);margin:auto}.hm-ring>div{background:white;width:100%;height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;border-radius:50%}.hm-ring strong:last-of-type{margin-top:10px;color:#176b51}@media(max-width:1000px){.hm-steps{grid-template-columns:1fr 1.6fr;padding:18px}.hm-pending{grid-template-columns:1fr}.hm-fin{max-width:none}}
.invoice-overview{margin:0 0 20px}
.invoice-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.invoice-eyebrow{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#6e818a}
.invoice-overview-heading p{margin-top:6px;font-size:16px;font-weight:650}
.invoice-overview-heading label{display:flex;align-items:center;gap:9px;font-size:12px;color:#697d85}
.invoice-overview-heading select{padding:9px 30px 9px 12px;border-color:#e1e8eb;border-radius:7px;color:#15343e;font-size:13px}
.invoice-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:stretch}
.invoice-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.invoice-stat{background:white;border:1px solid #e4eaed;border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
.invoice-stat>span{font-size:12px;color:#73818c}
.invoice-stat strong{font-size:clamp(21px,1.7vw,29px);letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#14333d}
.invoice-stat small{color:#788a93;line-height:1.5;font-size:11px}
.invoice-stat:nth-child(2) small{color:#258567}
.invoice-collection{background:#fff;border:1px solid #e4eaed;border-radius:10px;padding:18px;display:flex;align-items:center;gap:16px}
.invoice-ring{background:var(--collection-ring);border-radius:50%;width:110px;height:110px;flex:none;padding:10px}
.invoice-ring>div{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.invoice-ring strong{font-size:23px;letter-spacing:-1px;color:#14333d}
.invoice-ring span{font-size:9px;color:#81919a}
.invoice-legend{flex:1;min-width:0;font-size:10px}
.invoice-legend>div+div{margin-top:14px}
.invoice-legend span{display:flex;align-items:center;gap:5px;color:#647b85}
.invoice-legend b{display:block;margin:5px 0 0 10px;font-size:12px;color:#14333d;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invoice-legend i{width:6px;height:6px;border-radius:50%;flex:none;background:#39b88c}
.invoice-legend .collection-pending{background:#f9ccd9}.invoice-legend .collection-unknown{background:#dce3e6}
.invoice-overview-note{font-size:11px;color:#7c8994;line-height:1.6;margin-top:11px}
.invoice-document-label{font-size:12px;font-weight:600;margin-right:auto;display:flex;align-items:center;gap:8px}
.invoice-document-label b{background:#f1f5f6;border-radius:4px;padding:3px 7px;font-size:11px;color:#526e79}
@media screen{
 @font-face{font-family:FactuUI;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
 #main[data-page="invoice"]{font-family:FactuUI,'Segoe UI',sans-serif;background:#f6f8fa;color:#14333d;padding:28px 32px}
 #main[data-page="invoice"]> .bar h1{font-size:25px;letter-spacing:-.7px}
 #main[data-page="invoice"] .listcard{border:1px solid #e4eaed;border-radius:10px;padding:20px 24px;min-height:400px}
 #main[data-page="invoice"] .tools{flex-wrap:wrap;border-bottom:1px solid #eff2f4;padding-bottom:20px;margin-bottom:0;gap:10px}
 #main[data-page="invoice"] .tools input{margin-left:0;border-color:#e1e7eb;border-radius:7px;max-width:270px}
 #main[data-page="invoice"] .tools button{font-size:12px;border-color:#e1e7eb;border-radius:7px}
 #main[data-page="invoice"] th{font-size:10px;letter-spacing:.25px;color:#718792;font-weight:550;border-bottom:1px solid #e8edf0;padding:17px 10px;background:#fafbfc}
 #main[data-page="invoice"] td{font-size:12px;padding:15px 10px;border-bottom:1px solid #edf1f3}
 #main[data-page="invoice"] tbody tr[data-row]:hover{background:#f5faf9}
 #main[data-page="invoice"] td:nth-child(2){font-weight:600}
 #main[data-page="invoice"] .state-label{font-size:10px;height:25px;padding:0 9px;border-radius:5px;font-weight:600}
 #main[data-page="invoice"] .tone-green{--state-bg:#e1f5ec;--state-fg:#197653}
 #main[data-page="invoice"] .tone-red{--state-bg:#fde8ec;--state-fg:#b33151}
 #main[data-page="invoice"] .tone-amber{--state-bg:#fff2d8;--state-fg:#9a670a}
 #main[data-page="invoice"] td .state-label[data-state="Pendiente"]{--state-bg:#fff2d8;--state-fg:#9a670a}
 #main[data-page="invoice"] .pager{border-top:1px solid #edf1f3;margin-top:24px;color:#6f838d;gap:12px}
 #main[data-page="invoice"] .visible-doc-actions button{border-color:#d9e8e2;color:#197653;background:#f4fbf8;font-size:11px}
 #main[data-page="invoice"] button:focus-visible,#nav button:focus-visible{outline:2px solid #ed2862;outline-offset:3px}
}
@media(max-width:1350px){.invoice-overview-grid{grid-template-columns:minmax(0,1fr) 245px}.invoice-collection{padding:14px;gap:10px}.invoice-ring{width:96px;height:96px;padding:9px}.invoice-stat{padding:20px 15px}}
@media(max-width:1150px){.invoice-overview-grid{grid-template-columns:1fr}.invoice-collection{justify-content:center;gap:26px}.invoice-legend{flex:0 1 240px;display:flex;gap:25px}.invoice-legend>div+div{margin-top:0}.invoice-ring{width:82px;height:82px;padding:8px}.invoice-ring strong{font-size:20px}}
@media(max-width:700px){#main[data-page="invoice"]{padding:18px 14px}.invoice-stat-grid{grid-template-columns:1fr}.invoice-stat{gap:9px;padding:18px}.invoice-overview-heading{align-items:flex-start;flex-direction:column}.invoice-document-label{width:100%}#main[data-page="invoice"] .tools input{width:100%;max-width:none}.invoice-legend{gap:14px}.invoice-overview-heading label{width:100%;justify-content:space-between}}