@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f8fc;--surface:#fff;--surface-2:#f0f2f8;--border:#e4e7ef;--border-strong:#c9cdd8;--text-primary:#0d1117;--text-secondary:#5a6070;--text-muted:#9299a8;--accent:#2563eb;--accent-light:#eff4ff;--accent-hover:#1d4ed8;--danger:#dc2626;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--radius:10px;--radius-sm:6px;--inv-doc-bg:#fff;--input-focus-bg:#fff}[data-theme=dark]{--bg:#0e0f14;--surface:#16181f;--surface-2:#1e2029;--border:#2a2d3a;--border-strong:#3a3e50;--text-primary:#f0f2fa;--text-secondary:#8b91a8;--text-muted:#555b72;--accent:#4f8ef7;--accent-light:#1a2540;--accent-hover:#3b7aef;--danger:#f87171;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--inv-doc-bg:#1e2029;--input-focus-bg:#1e2029}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;transition:background .3s,color .3s}.card,.field input,.field select,.field textarea,.item-row input,.item-row select,.totals-box,.preview-card,.tabs,.tab,.mode-btn,.pill,.gst-result,.btn-remove,.btn-add-item,.page-footer,.header,.ref-table td,.ref-table th{transition:background-color .3s,border-color .3s,color .2s,box-shadow .3s}.app-shell{max-width:1100px;margin:0 auto;padding:0 24px 80px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:36px;padding:28px 0 32px;display:flex}.header-left h1{color:var(--text-primary);letter-spacing:-.3px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.header-left p{color:var(--text-secondary);margin-top:2px;font-size:13px}.header-right{align-items:center;gap:12px;display:flex}.btn-dh{background:var(--text-primary);color:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s,background .3s,color .3s;display:inline-flex}.btn-dh:hover{opacity:.82}.btn-dh svg{width:14px;height:14px}.btn-theme{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;transition:background .3s,border-color .3s,transform .2s;display:inline-flex}.btn-theme:hover{background:var(--surface-2);border-color:var(--border-strong);transform:rotate(15deg)}.main-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.main-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.card-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-row.single{grid-template-columns:1fr}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-secondary);font-size:12px;font-weight:500}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--input-focus-bg);box-shadow:0 0 0 3px #4f8ef71f}.field textarea{resize:vertical;min-height:72px}.items-section{margin-top:0}.items-header{border-bottom:1px solid var(--border);grid-template-columns:2fr 80px 100px 60px 110px 36px;gap:8px;margin-bottom:10px;padding:0 0 8px;display:grid}.items-header span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.item-row{grid-template-columns:2fr 80px 100px 60px 110px 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input,.item-row select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:13px}.item-row input:focus,.item-row select:focus{border-color:var(--accent);background:var(--input-focus-bg)}.item-amount{color:var(--text-primary);text-align:right;padding-right:4px;font-size:13px;font-weight:600}.btn-remove{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:flex}.btn-remove:hover{border-color:var(--danger);color:var(--danger);background:#dc262614}.btn-add-item{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-add-item:hover{background:var(--accent-light);border-color:var(--accent)}.totals-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:18px 20px}.totals-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;display:flex}.totals-row.divider{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.totals-row.grand{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.totals-row span:last-child{color:var(--text-primary);font-weight:600}.totals-row.grand span:last-child{color:var(--accent);font-size:20px}.preview-wrapper{position:sticky;top:24px}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.preview-topbar{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;transition:background .3s;display:flex}.preview-topbar span{color:var(--text-secondary);font-size:13px;font-weight:500}.btn-download{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-download:hover{background:var(--accent-hover)}.btn-download svg{width:15px;height:15px}.invoice-doc{color:#0d1117;background:#fff;min-height:600px;padding:32px}.invoice-doc .inv-brand h2{color:#0d1117}.invoice-doc .inv-brand p{color:#5a6070}.invoice-doc .inv-meta .inv-label{color:#2563eb}.invoice-doc .inv-meta p{color:#5a6070}.invoice-doc .inv-meta strong{color:#0d1117}.invoice-doc .inv-party h4{color:#9299a8}.invoice-doc .inv-party p{color:#0d1117}.invoice-doc .inv-table th{color:#fff;background:#0d1117}.invoice-doc .inv-table td{color:#0d1117;border-bottom:1px solid #e4e7ef}.invoice-doc .inv-table tr:nth-child(2n) td{background:#f7f8fc}.invoice-doc .inv-total-row{color:#5a6070}.invoice-doc .inv-total-row.grand-total{color:#0d1117;border-top:2px solid #0d1117}.invoice-doc .inv-total-row.grand-total span:last-child{color:#2563eb}.invoice-doc .inv-notes h4{color:#9299a8}.invoice-doc .inv-notes p{color:#5a6070}.invoice-doc .inv-stamp{border-top:1px solid #e4e7ef}.invoice-doc .inv-stamp p{color:#9299a8}.invoice-doc .inv-stamp a{color:#2563eb}.inv-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.inv-brand h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.inv-brand p{white-space:pre-line;margin-top:2px;font-size:12px}.inv-meta{text-align:right}.inv-meta .inv-label{letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;display:block}.inv-meta p{margin-top:4px;font-size:12px}.inv-parties{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.inv-party h4{text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:600}.inv-party p{white-space:pre-line;font-size:13px;line-height:1.6}.inv-party .party-name{font-size:14px;font-weight:600}.inv-table{border-collapse:collapse;width:100%;margin-bottom:24px}.inv-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:9px 12px;font-size:11px;font-weight:600}.inv-table th:last-child{text-align:right}.inv-table td{padding:10px 12px;font-size:12px}.inv-table td:last-child{text-align:right;font-weight:600}.inv-table tr:last-child td{border-bottom:none}.inv-footer{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.inv-notes{flex:1}.inv-notes h4{text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:600}.inv-notes p{white-space:pre-line;font-size:12px;line-height:1.6}.inv-totals{min-width:220px}.inv-total-row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.inv-total-row.grand-total{margin-top:8px;padding-top:10px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.inv-stamp{justify-content:space-between;align-items:center;margin-top:28px;padding-top:16px;display:flex}.inv-stamp p{font-size:10px}.inv-stamp a{font-size:10px;text-decoration:none}.page-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;display:flex}.page-footer p{color:var(--text-muted);font-size:12px}.page-footer a{color:var(--accent);font-size:12px;text-decoration:none}@media (width<=900px){.items-header,.item-row{grid-template-columns:2fr 70px 90px 55px 90px 32px}}@media (width<=640px){.items-header{display:none}.item-row{grid-template-columns:1fr 1fr;gap:6px}.item-row input:first-child{grid-column:1/-1}.item-amount{text-align:left}.form-row,.form-row.three{grid-template-columns:1fr}.inv-header{flex-direction:column;gap:16px}.inv-meta{text-align:left}.inv-parties{grid-template-columns:1fr}.inv-footer{flex-direction:column}}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;width:fit-content;margin-bottom:28px;padding:5px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:9px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.tab:hover{background:var(--bg);color:var(--text-primary)}.tab.active{background:var(--text-primary);color:var(--bg)}.gst-calc-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=768px){.gst-calc-wrapper{grid-template-columns:1fr}}.mode-toggle{gap:6px;margin-bottom:8px;display:flex}.mode-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;flex:1;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.mode-btn:hover{border-color:var(--accent);color:var(--accent)}.mode-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.mode-hint{color:var(--text-muted);margin-bottom:20px;font-size:12px}.gst-inputs{margin-bottom:20px}.gst-amount-input{padding:12px 16px!important;font-family:Space Grotesk,sans-serif!important;font-size:22px!important;font-weight:600!important}.rate-pills{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.pill{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.pill:hover{border-color:var(--accent);color:var(--accent)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.gst-result{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:16px 20px}.result-row{color:var(--text-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.result-row:last-child{border-bottom:none}.result-row.sub{color:var(--text-secondary);padding-left:12px;font-size:13px}.result-row.sub span:last-child{color:var(--text-secondary);font-weight:500}.result-row.total-row{font-weight:600}.result-row.grand-row{border-top:2px solid var(--border-strong);margin-top:6px;padding-top:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.result-row.grand-row span:last-child{color:var(--accent)}.gst-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);margin-top:8px;padding:32px 0;font-size:13px}.ref-table{border-collapse:collapse;width:100%;font-size:13px}.ref-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}.ref-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px;line-height:1.5}.ref-table tr:last-child td{border-bottom:none}.rate-badge{border-radius:12px;padding:3px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:inline-block}.rate-badge.r0{color:#16a34a;background:#f0fdf4}.rate-badge.r5{color:#2563eb;background:#eff6ff}.rate-badge.r12{color:#d97706;background:#fffbeb}.rate-badge.r18{color:#ea580c;background:#fff7ed}.rate-badge.r28{color:#dc2626;background:#fef2f2}[data-theme=dark] .rate-badge.r0{color:#4ade80;background:#16a34a26}[data-theme=dark] .rate-badge.r5{color:#7cb9ff;background:#4f8ef726}[data-theme=dark] .rate-badge.r12{color:#fbb63e;background:#d9770626}[data-theme=dark] .rate-badge.r18{color:#fb8c4e;background:#ea580c26}[data-theme=dark] .rate-badge.r28{color:#fca5a5;background:#dc262626}