:root{--fi-primary:#0f4aa2;--fi-primary-2:#0f6ddf;--fi-ink:#0f172a;--fi-muted:#64748b;--fi-line:#dce6f1;--fi-soft:#f6f8fb;--fi-panel:#ffffff;--fi-good:#15803d;--fi-warn:#b45309;--fi-bad:#b91c1c}*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--fi-soft);color:var(--fi-ink);font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.fi-page{min-height:100vh;background:var(--fi-soft)}.fi-container{width:min(1280px,calc(100% - 40px));margin:0 auto}.fi-hero{background:#07172f;color:#ffffff;padding:44px 0 36px}.fi-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 390px;gap:28px;align-items:center}.fi-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;color:rgba(255,255,255,0.58);font-size:0.76rem;font-weight:800}.fi-breadcrumb a{text-decoration:none}.fi-eyebrow{display:block;color:var(--fi-primary-2);font-size:0.72rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}.fi-hero .fi-eyebrow{color:#93c5fd}.fi-hero h1{max-width:720px;margin:8px 0 12px;color:#ffffff;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.15rem,5vw,4.3rem);font-weight:400;line-height:0.98}.fi-hero h1 em{color:#93c5fd;font-style:italic}.fi-hero p{max-width:760px;margin:0;color:rgba(255,255,255,0.74);font-size:1rem;line-height:1.65}.fi-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.fi-hero-card{border:1px solid rgba(255,255,255,0.14);border-radius:8px;background:rgba(255,255,255,0.08);padding:18px}.fi-mini-doc{border-radius:8px;background:#ffffff;color:var(--fi-ink);padding:20px;box-shadow:0 24px 60px rgba(0,0,0,0.18)}.fi-mini-row{display:flex;justify-content:space-between;gap:12px;color:var(--fi-muted);font-size:0.78rem;font-weight:900}.fi-mini-total{margin:18px 0;color:var(--fi-primary);font-size:2rem;font-weight:900}.fi-mini-line{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.fi-mini-line span{display:block;width:72%;height:100%;background:var(--fi-primary)}.fi-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.fi-mini-grid span{min-height:44px;border-radius:7px;background:#f1f5f9;color:var(--fi-muted);display:grid;place-items:center;font-size:0.7rem;font-weight:900}.fi-btn,.fi-export-btn,.file-label,.fi-link-btn,.fi-template-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1.5px solid #cbd7e5;border-radius:7px;background:#ffffff;color:var(--fi-ink);font:inherit;font-size:0.8rem;font-weight:900;text-decoration:none;cursor:pointer;transition:border-color 0.16s ease,color 0.16s ease,background 0.16s ease,transform 0.16s ease}.fi-btn:hover,.fi-export-btn:hover,.file-label:hover,.fi-link-btn:hover,.fi-template-btn:hover{border-color:var(--fi-primary-2);color:var(--fi-primary);transform:translateY(-1px)}.fi-btn.primary,.fi-export-btn.primary{border-color:var(--fi-primary);background:var(--fi-primary);color:#ffffff}.fi-btn.compact,.fi-link-btn,.fi-template-btn{min-height:34px;padding:7px 10px;font-size:0.74rem}.fi-link-btn{border-color:transparent;background:#eff6ff;color:var(--fi-primary)}.fi-saved{margin-top:22px;border:1px solid var(--fi-line);border-radius:8px;background:var(--fi-panel);padding:18px;box-shadow:0 10px 24px rgba(15,23,42,0.05)}.fi-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.fi-saved-card{border:1px solid var(--fi-line);border-radius:8px;background:#f8fafc;padding:12px}.fi-saved-card strong{display:block;color:var(--fi-ink);font-size:0.86rem;line-height:1.35}.fi-saved-card span{display:block;margin-top:3px;color:var(--fi-muted);font-size:0.72rem}.fi-saved-actions{display:flex;gap:8px;margin-top:10px}.fi-saved-actions button{flex:1;min-height:32px;border:1px solid #cbd7e5;border-radius:6px;background:#ffffff;color:var(--fi-primary);font:inherit;font-size:0.72rem;font-weight:900;cursor:pointer}.fi-workspace{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:22px;padding:24px 0 46px}.fi-left,.fi-right{min-width:0}.fi-right{position:sticky;top:78px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-self:start}.fi-panel,.fi-export,.fi-review,.fi-summary,.fi-preview-card,.fi-info,.fi-faq{min-width:0;border:1px solid var(--fi-line);border-radius:8px;background:var(--fi-panel);box-shadow:0 10px 24px rgba(15,23,42,0.05)}.fi-panel,.fi-review,.fi-summary,.fi-preview-card,.fi-info,.fi-faq{padding:18px}.fi-panel{margin-bottom:14px}.fi-panel-head,.fi-preview-head,.fi-score-row,.fi-inline-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.fi-panel-head{margin-bottom:14px}.fi-panel h2,.fi-review h2,.fi-info h2,.fi-faq h2{margin:3px 0 0;color:var(--fi-ink);font-size:1.08rem;line-height:1.25;font-weight:900}.fi-panel h3,.fi-subpanel h3,.fi-faq h3{margin:0 0 10px;color:var(--fi-ink);font-size:0.9rem;font-weight:900}.fi-draft,.fi-score-label{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:0.72rem;font-weight:900}.fi-grid{display:grid;gap:12px;margin-bottom:12px}.fi-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.fi-subpanel{min-width:0;border:1px solid #edf2f7;border-radius:8px;background:#fbfdff;padding:14px}.fi-panel label,.fi-subpanel label{display:block;margin-bottom:10px;color:#334155;font-size:0.78rem;font-weight:900}.fi-panel input,.fi-panel select,.fi-panel textarea{width:100%;min-height:42px;margin-top:6px;padding:9px 11px;border:1.5px solid #cbd7e5;border-radius:7px;background:#f8fafc;color:var(--fi-ink);font:inherit;font-size:0.84rem}.fi-panel textarea{resize:vertical;line-height:1.5}.fi-panel input:focus,.fi-panel select:focus,.fi-panel textarea:focus{border-color:var(--fi-primary-2);outline:0;box-shadow:0 0 0 3px rgba(15,109,223,0.14)}.fi-template-row,.fi-client-row,.fi-table-actions,.fi-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.fi-template-row{justify-content:flex-end}.fi-template-btn.active,.fi-template-btn:hover{border-color:var(--fi-primary);background:#eff6ff;color:var(--fi-primary)}.fi-client-row{margin:0 0 10px}.fi-client-chip{min-height:30px;padding:6px 9px;border:1px solid #cbd7e5;border-radius:999px;background:#ffffff;color:var(--fi-primary);font:inherit;font-size:0.72rem;font-weight:900;cursor:pointer}.fi-items-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto}.fi-items-table{width:100%;min-width:840px;border-collapse:collapse}.fi-items-table th{padding:8px 7px;border-bottom:1.5px solid #dce6f1;color:var(--fi-muted);font-size:0.68rem;font-weight:900;letter-spacing:0.04em;text-align:left;text-transform:uppercase}.fi-items-table td{padding:7px;border-bottom:1px solid #edf2f7;vertical-align:middle}.fi-items-table input,.fi-items-table select{min-height:36px;margin:0;padding:7px 8px;font-size:0.78rem}.fi-line-total{color:var(--fi-primary);font-size:0.8rem;font-weight:900;text-align:right;white-space:nowrap}.fi-icon-btn{width:34px;min-height:34px;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:var(--fi-bad);font:inherit;font-weight:900;cursor:pointer}.fi-export{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.fi-export-btn,.file-label{flex:1 1 calc(25% - 8px)}.fi-file-input{display:none}.fi-review h2{font-size:1.7rem}.fi-meter{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.fi-meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--fi-primary);transition:width 0.2s ease}.fi-checks{display:grid;gap:7px;margin-top:12px}.fi-check{display:grid;grid-template-columns:23px 1fr;gap:8px;color:#475569;font-size:0.78rem;line-height:1.35}.fi-check strong{color:var(--fi-ink)}.fi-check-dot{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:0.66rem;font-weight:900}.fi-check.ok .fi-check-dot{background:#dcfce7;color:#166534}.fi-summary dl{display:grid;gap:8px;margin:0}.fi-summary div{display:flex;justify-content:space-between;gap:12px}.fi-summary dt{color:var(--fi-muted);font-size:0.76rem;font-weight:900}.fi-summary dd{margin:0;color:var(--fi-ink);font-size:0.84rem;font-weight:900}.fi-preview-head{margin-bottom:12px}.fi-invoice-preview{max-height:680px;overflow:auto;border:1px solid #dce6f1;border-radius:6px;background:#ffffff;padding:24px;color:#111827;font-size:0.82rem;line-height:1.6}.fi-doc-top{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #e5e7eb;padding-bottom:16px;margin-bottom:18px}.fi-doc-title{color:var(--fi-primary);font-size:1.8rem;font-weight:900;letter-spacing:0.02em;text-transform:uppercase}.fi-doc-muted{color:var(--fi-muted);font-size:0.74rem;font-weight:800}.fi-doc-status{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#eff6ff;color:var(--fi-primary);font-size:0.68rem;font-weight:900}.fi-doc-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.fi-doc-block h3{margin:0 0 5px;color:var(--fi-muted);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase}.fi-doc-block p{margin:0;white-space:pre-wrap}.fi-doc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.fi-doc-meta div{border-radius:6px;background:#f8fafc;padding:8px}.fi-doc-meta span{display:block;color:var(--fi-muted);font-size:0.66rem;font-weight:900;text-transform:uppercase}.fi-doc-table{width:100%;border-collapse:collapse;margin:16px 0}.fi-doc-table th,.fi-doc-table td{padding:7px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.fi-doc-table th{color:var(--fi-muted);font-size:0.68rem;font-weight:900;letter-spacing:0.05em;text-transform:uppercase}.fi-doc-table td:last-child,.fi-doc-table th:last-child{text-align:right}.fi-doc-totals{width:min(100%,300px);margin-left:auto}.fi-total-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.fi-total-row.grand{margin-top:6px;padding-top:9px;border-top:2px solid #dce6f1;color:var(--fi-primary);font-size:1rem;font-weight:900}.fi-payment-box{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;margin-top:18px;border:1px solid #dce6f1;border-radius:8px;background:#f8fafc;padding:12px}.fi-payment-box h3{margin:0 0 5px;color:var(--fi-muted);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase}.fi-qr{width:78px;height:78px;border:1px solid #dce6f1;border-radius:6px;background:#ffffff;display:grid;overflow:hidden;place-items:center;font-size:0.72rem;font-weight:900;color:#64748b}.fi-qr img,.fi-qr canvas,.fi-qr svg{width:100%;height:100%;display:block}.fi-doc-footer{margin-top:18px;padding-top:12px;border-top:1px solid #e5e7eb;color:var(--fi-muted);font-size:0.72rem}.fi-info,.fi-faq{margin-bottom:28px}.fi-info{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:24px}.fi-info p,.fi-faq p{color:#475569;font-size:0.92rem;line-height:1.65}.fi-info-grid{display:grid;gap:10px}.fi-info-grid span{display:block;border-left:3px solid var(--fi-primary);border-radius:6px;background:#f8fafc;padding:12px;color:#334155;font-size:0.88rem;font-weight:800;line-height:1.45}.fi-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fi-faq article{border:1px solid var(--fi-line);border-radius:8px;background:#f8fafc;padding:14px}.fi-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:330px;padding:11px 14px;border-radius:8px;background:#0f172a;color:#ffffff;font-size:0.82rem;font-weight:800;box-shadow:0 18px 36px rgba(15,23,42,0.24);opacity:0;transform:translateY(8px);transition:opacity 0.18s ease,transform 0.18s ease}.fi-toast.show{opacity:1;transform:translateY(0)}@media (max-width:1120px){.fi-hero-grid,.fi-workspace,.fi-info{grid-template-columns:1fr}.fi-right{position:static}}@media (max-width:780px){.fi-container{width:min(100% - 28px,1280px)}.fi-hero{padding:34px 0 28px}.fi-grid.two,.fi-grid.four,.fi-doc-parties,.fi-doc-meta,.fi-faq-grid{grid-template-columns:1fr}.fi-panel-head,.fi-preview-head,.fi-score-row{align-items:stretch;flex-direction:column}.fi-template-row{justify-content:flex-start}.fi-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fi-export-btn,.file-label{width:100%}.fi-invoice-preview{padding:18px}.fi-doc-top,.fi-payment-box{grid-template-columns:1fr;display:grid}}@media print{afro-navbar,afro-footer,.fi-hero,.fi-saved,.fi-left,.fi-export,.fi-review,.fi-summary,.fi-preview-head,.fi-info,.fi-faq{display:none !important}body,.fi-page{background:#ffffff !important}.fi-workspace,.fi-container{display:block !important;width:100% !important;padding:0 !important;margin:0 !important}.fi-right,.fi-preview-card{display:block !important;position:static !important;border:0 !important;box-shadow:none !important;padding:0 !important}.fi-invoice-preview{max-height:none !important;overflow:visible !important;border:0 !important;padding:22px !important}}