.invoice-portal-body{background:#f3f6fa;color:#172033;min-height:100vh}.invoice-topbar{height:66px;background:#101c2c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(12,24,40,.14)}.invoice-topbar small{display:block;color:#9eacbd;margin-top:2px}.invoice-brand{font-weight:950;letter-spacing:.08em}.invoice-brand span{color:#70a6ff;font-weight:700}.invoice-top-actions{display:flex;gap:8px;align-items:center;font-size:11px}.invoice-link{text-decoration:none;display:inline-flex;align-items:center}.invoice-shell{max-width:1500px;margin:0 auto;padding:24px}.invoice-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.invoice-hero h1{font-size:30px;margin:3px 0;letter-spacing:-.04em}.invoice-hero p{margin:0;color:#667085}.invoice-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.invoice-kpi{background:white;border:1px solid var(--w-line);border-radius:12px;padding:13px;box-shadow:var(--w-shadow)}.invoice-kpi small{display:block;color:var(--w-muted);font-size:10px}.invoice-kpi b{display:block;font-size:22px;margin-top:3px}.invoice-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:14px}.invoice-form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.invoice-form-grid label{font-size:10px;font-weight:800;color:var(--w-muted)}.invoice-form-grid input{width:100%;margin-top:5px}.invoice-check{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:8px}.invoice-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.invoice-split h3{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--w-muted)}.invoice-doc-row{display:grid;grid-template-columns:44px minmax(180px,1.5fr) 110px minmax(160px,1.2fr) 80px 145px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--w-line)}.invoice-doc-row:first-child{border-top:0}.invoice-doc-row small{display:block;color:var(--w-muted);margin-top:2px}.invoice-sf-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invoice-sf-kpi{padding:10px;border-radius:9px;background:#f8fafc;border:1px solid var(--w-line)}.invoice-sf-kpi small{display:block;color:var(--w-muted)}.invoice-safety-note{font-size:10px;color:#765500;background:#fff8e6;border:1px solid #f1d799;padding:10px;border-radius:9px;margin-top:10px}.invoice-billing-row{display:grid;grid-template-columns:1.7fr 110px 110px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--w-line)}.invoice-billing-row:first-child{border-top:0}.invoice-billing-row small{display:block;color:var(--w-muted);margin-top:3px}.invoice-preview{grid-column:1/-1;white-space:pre-wrap;background:#101827;color:#e6edf6;border-radius:8px;padding:10px;max-height:250px;overflow:auto;font-size:10px}.invoice-login{position:fixed;inset:0;background:rgba(10,18,29,.78);z-index:100;display:grid;place-items:center}.invoice-login.hidden{display:none}.invoice-login-card{width:min(390px,90vw);background:white;border-radius:15px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.invoice-login-card h1{margin:16px 0 10px}.invoice-login-card input{width:100%;margin:5px 0;padding:11px}.invoice-login-card button{width:100%;margin-top:8px}.invoice-error{color:#c53642;font-size:11px;margin-top:7px}.invoice-login .invoice-brand{color:#101c2c}.invoice-batch-row{padding:9px 0;border-top:1px solid var(--w-line);cursor:pointer}.invoice-batch-row:first-child{border-top:0}.invoice-batch-row small{display:block;color:var(--w-muted);margin-top:2px}.invoice-bundle-row{padding:9px 0;border-top:1px solid var(--w-line);display:flex;justify-content:space-between;gap:8px}.invoice-bundle-row:first-child{border-top:0}.invoice-bundle-row small{display:block;color:var(--w-muted)}.invoice-bundle-row a{font-weight:900;color:var(--w-accent);text-decoration:none}.billing-state{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900;letter-spacing:.04em}.billing-state.READY{background:#e9f8ef;color:#157347}.billing-state.INVOICED{background:#eaf1ff;color:#2358a5}.billing-state.BLOCKED{background:#fff3d7;color:#8a5a00}.billing-state.CONFLICT{background:#fdeaea;color:#b42318}.invoice-batch-progress{margin:8px 0 2px;padding:10px 12px;border:1px solid #b9c9dd;background:#f7faff;border-radius:9px;font-size:11px}.invoice-batch-progress.hidden{display:none}@media(max-width:1100px){.invoice-grid{grid-template-columns:1fr}.invoice-kpis{grid-template-columns:repeat(3,1fr)}.invoice-doc-row{grid-template-columns:44px 1.5fr 100px 1fr}.invoice-doc-row>div:nth-child(n+5){grid-column:auto}}@media(max-width:700px){.invoice-shell{padding:14px}.invoice-topbar{padding:0 14px}.invoice-top-actions span{display:none}.invoice-kpis{grid-template-columns:1fr 1fr}.invoice-form-grid,.invoice-split{grid-template-columns:1fr}.invoice-doc-row,.invoice-billing-row{grid-template-columns:1fr}.invoice-doc-row>div:first-child{display:none}}