@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0d0d0d;--white:#fff;--off:#f7f6f2;--gold:#c8a96e;--gold-lt:#e8d5b0;--gold-dk:#a0834a;--g100:#f0eeea;--g200:#dddbd5;--g400:#9e9c97;--g700:#4a4845;--ok:#16a34a;--ok-lt:#dcfce7;--err:#dc2626;--err-lt:#fee2e2;--warn:#f59e0b;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--ease:cubic-bezier(.16,1,.3,1)}html{height:100%}body{font-family:var(--sans);background:var(--off);color:var(--black);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}nav{background:var(--black);z-index:300;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{font-family:var(--serif);color:var(--white);letter-spacing:-.02em;font-size:1.35rem;font-weight:700;text-decoration:none}.logo span{color:var(--gold)}.nav-center{align-items:center;gap:.65rem;display:flex}.nav-tag{letter-spacing:.18em;text-transform:uppercase;color:#ffffff40;font-size:.65rem;font-weight:600;font-family:var(--mono)}.nav-status{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-size:.62rem;font-weight:700;font-family:var(--sans);border:none;border-radius:100px;align-items:center;gap:.45rem;padding:.28rem .75rem;transition:all .2s;display:inline-flex}.nav-status.draft{color:#fff6;background:#ffffff14}.nav-status.sent{color:#93c5fd;background:#2563eb33}.nav-status.paid{color:#4ade80;background:#16a34a33}.nav-right{align-items:center;gap:.65rem;display:flex}.nav-btn{color:#ffffff80;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.45rem;padding:.38rem .85rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.nav-btn:hover{color:var(--white);border-color:#ffffff4d}.nav-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--black);font-weight:700}.nav-btn.primary:hover{opacity:.88}.app{grid-template-columns:380px 1fr;min-height:calc(100vh - 62px);display:grid}.form-panel{background:#111;border-right:1px solid #ffffff0f;height:calc(100vh - 62px);position:sticky;top:62px;overflow-y:auto}.fp-section{border-bottom:1px solid #ffffff0f;padding:1.25rem 1.35rem}.fp-section:last-child{border-bottom:none}.fp-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.fp-section-title{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;display:flex}.fp-section-title .fst-ico{justify-content:center;align-items:center;width:.95rem;height:.95rem;display:inline-flex}.fp-section-title .fst-ico svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.fp-section-arrow{color:#fff3;font-size:.65rem;transition:transform .25s}.fp-section-head.open .fp-section-arrow{transform:rotate(90deg)}.fp-body{display:none}.fp-body.open{display:block}.fp-row{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem;display:grid}.fp-row.single{grid-template-columns:1fr}.fp-row.triple{grid-template-columns:1fr 1fr 1fr}.fp-field{flex-direction:column;gap:.3rem;display:flex}.fp-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;font-size:.6rem;font-weight:600}.fp-input{font-family:var(--sans);color:var(--white);background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;outline:none;width:100%;padding:.55rem .7rem;font-size:.82rem;transition:border-color .2s,background .2s}.fp-input::placeholder{color:#ffffff2e}.fp-input:focus{background:#ffffff12;border-color:#c8a96e80}.fp-input option{color:var(--white);background:#1a1a1a}.fp-textarea{font-family:var(--sans);color:var(--white);resize:vertical;background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;outline:none;width:100%;min-height:72px;padding:.55rem .7rem;font-size:.82rem;line-height:1.6;transition:border-color .2s}.fp-textarea:focus{border-color:#c8a96e80}.fp-textarea::placeholder{color:#ffffff2e}.items-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.item-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:.65rem .7rem;position:relative}.item-row-top{grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.45rem;display:grid}.item-desc-input{font-family:var(--sans);color:var(--white);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:.45rem .65rem;font-size:.82rem;transition:border-color .2s}.item-desc-input:focus{border-color:#c8a96e80}.item-desc-input::placeholder{color:#ffffff2e}.item-del{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.2rem;font-size:.85rem;transition:color .2s,background .2s}.item-del:hover{color:var(--err);background:#dc26261a}.item-row-nums{grid-template-columns:1fr 1fr 1fr;gap:.45rem;display:grid}.item-num-field{flex-direction:column;gap:.2rem;display:flex}.item-num-label{letter-spacing:.1em;text-transform:uppercase;color:#fff3;font-size:.55rem;font-weight:600}.item-num-input{font-family:var(--mono);color:var(--white);text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:.4rem .55rem;font-size:.8rem;transition:border-color .2s}.item-num-input:focus{border-color:#c8a96e80}.item-total-display{font-family:var(--mono);color:var(--gold);text-align:right;background:#c8a96e0f;border:1px solid #c8a96e26;border-radius:4px;justify-content:flex-end;align-items:center;padding:.4rem .55rem;font-size:.8rem;display:flex}.add-item-btn{color:#ffffff59;width:100%;font-family:var(--sans);cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:5px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.add-item-btn:hover{color:var(--gold);border-color:#c8a96e66}.disc-type-btn{font-family:var(--sans);color:#fff6;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:.55rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s}.disc-type-btn.active{color:var(--gold);background:#c8a96e1f;border-color:#c8a96e4d}.form-total-block{background:#c8a96e0f;border:1px solid #c8a96e26;border-radius:6px;margin-top:.65rem;padding:.85rem}.ftb-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.78rem;display:flex}.ftb-row:last-child{border-top:1px solid #c8a96e33;margin-top:.35rem;margin-bottom:0;padding-top:.5rem}.ftb-label{color:#fff6}.ftb-val{font-family:var(--mono);color:#fff9;font-weight:600}.ftb-row.total-row .ftb-label{color:var(--gold);font-size:.85rem;font-weight:700}.ftb-row.total-row .ftb-val{color:var(--gold);font-size:1rem;font-weight:700}.actions-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.action-btn{font-family:var(--sans);cursor:pointer;text-align:center;border:none;border-radius:5px;justify-content:center;align-items:center;gap:.4rem;padding:.72rem .5rem;font-size:.78rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.action-btn:hover{opacity:.85;transform:translateY(-1px)}.action-btn.print{background:var(--gold);color:var(--black)}.action-btn.save,.action-btn.load{color:var(--white);background:#ffffff14;border:1px solid #ffffff1f}.action-btn.new{color:#4ade80;background:#16a34a26;border:1px solid #16a34a33}.action-btn.clear{color:#f87171;background:#dc26261a;border:1px solid #dc262626}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:.95rem;height:.95rem;display:inline-flex}.btn-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.inv-footer-thanks .btn-icon svg{fill:currentColor;stroke:none}.icon-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:.45rem;height:.45rem;display:inline-block}.saved-list{flex-direction:column;gap:.4rem;max-height:160px;margin-top:.7rem;display:flex;overflow-y:auto}.saved-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;transition:background .2s;display:flex}.saved-item:hover{background:#ffffff0f}.si-num{color:var(--white);font-size:.78rem;font-weight:600;font-family:var(--mono)}.si-client{color:#ffffff4d;margin-top:.1rem;font-size:.68rem}.si-del{color:#fff3;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.75rem;transition:color .2s}.si-del:hover{color:var(--err)}.no-saved{color:#fff3;text-align:center;padding:.65rem;font-size:.75rem}.preview-area{background:var(--g100);flex-direction:column;align-items:center;padding:2rem;display:flex;overflow-y:auto}.preview-toolbar{justify-content:space-between;align-self:stretch;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.pt-left{align-items:center;gap:.6rem;display:flex}.pt-label{letter-spacing:.16em;text-transform:uppercase;color:var(--g400);font-size:.65rem;font-weight:600}.pt-right{align-items:center;gap:.6rem;display:flex}.pt-zoom{color:var(--g400);font-size:.7rem;font-family:var(--mono)}.invoice-paper{background:var(--white);border-radius:4px;width:100%;max-width:780px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000a,0 10px 40px #0000001a,0 40px 80px #0000000f}.inv-header{background:var(--black);grid-template-columns:1fr auto;align-items:start;gap:2rem;padding:2rem 2.25rem;display:grid}.inv-from-brand{font-family:var(--serif);color:var(--white);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.65rem;font-weight:700;line-height:1}.inv-from-brand span{color:var(--gold)}.inv-from-details{color:#fff6;font-size:.75rem;line-height:1.75}.inv-label-block{text-align:right}.inv-label{letter-spacing:.25em;text-transform:uppercase;color:#ffffff40;margin-bottom:.35rem;font-size:.6rem;font-weight:700}.inv-number{font-family:var(--serif);color:var(--white);letter-spacing:-.03em;margin-bottom:.85rem;font-size:1.4rem;font-weight:700;line-height:1}.inv-dates{text-align:right;flex-direction:column;gap:.3rem;display:flex}.inv-date-row{justify-content:flex-end;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.idr-label{color:#ffffff4d;text-align:right;min-width:45px}.idr-val{color:var(--white);font-family:var(--mono);font-weight:500}.inv-status-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.35rem;margin-top:.65rem;padding:.28rem .75rem;font-size:.6rem;font-weight:700;display:inline-flex}.inv-status-badge.draft{color:#fff6;background:#ffffff14}.inv-status-badge.sent{color:#93c5fd;background:#2563eb40}.inv-status-badge.paid{color:#4ade80;background:#16a34a40}.inv-gold-strip{background:linear-gradient(to right,var(--gold),var(--gold-lt),var(--gold));height:3px}.inv-bill-section{border-bottom:1px solid var(--g100);grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 2.25rem;display:grid}.inv-bill-label{letter-spacing:.2em;text-transform:uppercase;color:var(--g400);margin-bottom:.6rem;font-size:.6rem;font-weight:700}.inv-bill-name{font-family:var(--serif);color:var(--black);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1rem;font-weight:700}.inv-bill-company{color:var(--g700);margin-bottom:.15rem;font-size:.85rem;font-weight:600}.inv-bill-addr{color:var(--g400);font-size:.8rem;line-height:1.65}.inv-items{margin:1.5rem 0;padding:0 2.25rem}.inv-table{border-collapse:collapse;width:100%}.inv-thead th{letter-spacing:.14em;text-transform:uppercase;color:var(--g400);text-align:left;border-bottom:2px solid var(--g200);padding:.6rem .75rem;font-size:.62rem;font-weight:700}.inv-thead th:last-child,.inv-thead th.right{text-align:right}.inv-tbody td{border-bottom:1px solid var(--g100);vertical-align:top;padding:.85rem .75rem;font-size:.875rem}.inv-tbody tr:last-child td{border-bottom:2px solid var(--g200)}.inv-item-desc{color:var(--black);font-weight:500;line-height:1.4}.inv-item-num,.inv-item-price{font-family:var(--mono);color:var(--g700);text-align:right}.inv-item-total{font-family:var(--mono);color:var(--black);text-align:right;font-weight:700}.inv-totals-wrap{justify-content:flex-end;padding:0 2.25rem 1.5rem;display:flex}.inv-totals{width:300px}.inv-total-row{border-bottom:1px solid var(--g100);justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.85rem;display:flex}.inv-total-row:last-child{border-bottom:none}.itr-label{color:var(--g700)}.itr-val{font-family:var(--mono);color:var(--black);font-weight:500}.itr-discount{color:var(--ok)}.inv-grand-total{background:var(--black);border-radius:6px;justify-content:space-between;align-items:center;margin-top:.65rem;padding:.85rem 1rem;display:flex}.igt-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;font-size:.65rem;font-weight:700}.igt-val{font-family:var(--mono);color:var(--gold);font-size:1.3rem;font-weight:700}.inv-bottom{border-top:1px solid var(--g100);grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 2.25rem;display:grid}.inv-payment-title{letter-spacing:.18em;text-transform:uppercase;color:var(--g400);margin-bottom:.65rem;font-size:.62rem;font-weight:700}.inv-payment-row{gap:.5rem;margin-bottom:.3rem;font-size:.8rem;display:flex}.ipr-label{color:var(--g400);flex-shrink:0;min-width:80px}.ipr-val{color:var(--black);font-weight:500;font-family:var(--mono)}.inv-notes-text{color:var(--g700);font-size:.8rem;line-height:1.7}.inv-footer{background:var(--off);border-top:1px solid var(--g200);justify-content:space-between;align-items:center;padding:1rem 2.25rem;display:flex}.inv-footer-brand{font-family:var(--serif);color:var(--black);font-size:.82rem;font-weight:700}.inv-footer-brand span{color:var(--gold)}.inv-footer-note{color:var(--g400);font-size:.72rem;font-style:italic}.inv-footer-thanks{color:var(--g700);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.toast{background:var(--black);color:var(--white);border-left:3px solid var(--gold);opacity:0;transition:all .3s var(--ease);z-index:1000;pointer-events:none;border-radius:6px;padding:.75rem 1.25rem;font-size:.82rem;font-weight:500;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(20px);box-shadow:0 8px 24px #0003}.toast.show{opacity:1;transform:translateY(0)}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}nav,.form-panel,.preview-toolbar,.nav-right,.toast{display:none!important}body{margin:0;padding:0;background:#fff!important}.app{min-height:auto;display:block}.preview-area{align-items:stretch;background:#fff!important;padding:0!important}.invoice-paper{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important}@page{margin:0;size:A4}}@media (width<=960px){.app{grid-template-columns:1fr}.form-panel{height:auto;max-height:none;position:static}.preview-area{padding:1rem}}@media (width<=600px){.inv-header{grid-template-columns:1fr}.inv-bill-section,.inv-bottom{grid-template-columns:1fr;gap:1rem}.inv-totals-wrap{justify-content:stretch}.inv-totals{width:100%}.fp-row{grid-template-columns:1fr}nav{gap:.75rem;padding:0 1rem}.nav-right{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.nav-btn{padding:.35rem .65rem;font-size:.7rem}}