@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-white{color:#fff}.bg-primary{background-color:#3b82f6}.bg-white{background-color:#fff}.p-4{padding:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:1rem}.gap-8{gap:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-4xl{font-size:2.25rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav{display:flex!important}.mobile-menu-btn{display:none!important}}.login-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0f0c29 0%,#1a1a4e 40%,#24243e 100%);display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:Inter,sans-serif;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}.login-page:before{width:520px;height:520px;background:radial-gradient(circle,#3b82f6,transparent 70%);top:-120px;right:-100px;animation:orb1 8s ease-in-out infinite alternate}.login-page:after{width:400px;height:400px;background:radial-gradient(circle,#f59e0b,transparent 70%);bottom:-100px;left:-80px;animation:orb2 10s ease-in-out infinite alternate}@keyframes orb1{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.15)}}@keyframes orb2{0%{transform:translate(0) scale(1)}to{transform:translate(-20px,-30px) scale(1.1)}}.login-wrapper{width:100%;max-width:420px;position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:2rem}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 8px 32px #f59e0b73;font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-1px}.login-brand h1{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.3rem;letter-spacing:-.3px}.login-brand p{font-size:.8rem;color:#ffffff73;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.login-card{background:rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.25rem 2rem;box-shadow:0 32px 64px #0006}.login-card h2{font-size:1rem;font-weight:600;color:#ffffffd9;margin-bottom:1.75rem}.login-error{display:flex;align-items:flex-start;gap:.6rem;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:.75rem 1rem;color:#fca5a5;font-size:.85rem;margin-bottom:1.5rem}.login-field{margin-bottom:1.25rem}.login-field label{display:block;font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.5rem}.login-field input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;color:#fff;font-family:Inter,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}.login-field input::-moz-placeholder{color:#ffffff40}.login-field input::placeholder{color:#ffffff40}.login-field input:focus{border-color:#f59e0b;background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #f59e0b26}.login-btn{width:100%;margin-top:.5rem;padding:.95rem;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #f9731666;letter-spacing:.2px}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px #f9731680}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem;font-size:.72rem;color:#fff3;letter-spacing:.5px}.spin{animation:spin .8s linear infinite;width:16px;height:16px}@media (max-width: 480px){.login-card{padding:1.75rem 1.25rem;border-radius:20px}.login-brand h1{font-size:1.2rem}}.inv-app{min-height:100vh;min-height:100dvh;background:#f0f4f9;font-family:Inter,sans-serif;color:#111827}.inv-header{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #0000000f}.inv-header-inner{max-width:720px;margin:0 auto;padding:0 1rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.inv-header-left{display:flex;align-items:center;gap:.6rem;min-width:0}.inv-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;padding:.3rem;border-radius:8px;transition:background .15s,color .15s;flex-shrink:0}.inv-back-btn:hover{background:#f3f4f6;color:#111827}.inv-logo{width:32px;height:32px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:#fff;letter-spacing:-.5px;flex-shrink:0}.inv-header-title{font-size:.95rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-logout-btn{background:none;border:1px solid #e5e9f0;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.inv-logout-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.inv-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem 5rem}.inv-error{display:flex;align-items:flex-start;gap:.6rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.75rem 1rem;color:#dc2626;font-size:.85rem;margin-bottom:1.25rem}.inv-error button{background:none;border:none;color:#f87171;cursor:pointer;font-size:1.2rem;line-height:1;margin-left:auto;padding:0;flex-shrink:0;transition:color .15s}.inv-error button:hover{color:#dc2626}.inv-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.inv-list-header h1{font-size:1.35rem;font-weight:800;color:#111827}.inv-new-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.85rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #3b82f659;transition:opacity .2s,transform .15s,box-shadow .2s;white-space:nowrap}.inv-new-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.inv-new-btn:active{transform:translateY(0)}.inv-filter-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;flex-wrap:wrap}.inv-search-wrap{position:relative;flex:1;min-width:160px;display:flex;align-items:center}.inv-search-icon{position:absolute;left:.7rem;width:15px;height:15px;color:#9ca3af;pointer-events:none}.inv-search-input{width:100%;padding:.55rem 2.2rem;border:1px solid #e5e9f0;border-radius:10px;font-size:.85rem;font-family:Inter,sans-serif;background:#fff;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.inv-search-input::-moz-placeholder{color:#b0b7c3}.inv-search-input::placeholder{color:#b0b7c3}.inv-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.inv-search-clear{position:absolute;right:.55rem;background:none;border:none;font-size:1rem;color:#9ca3af;cursor:pointer;padding:0 .2rem;line-height:1}.inv-search-clear:hover{color:#374151}.inv-date-range{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:.35rem .6rem}.inv-date-input{border:none;outline:none;font-size:.8rem;font-family:Inter,sans-serif;color:#374151;background:transparent;cursor:pointer;width:120px}.inv-date-sep{color:#d1d5db;font-size:.85rem}.inv-export-all-btn{display:flex;align-items:center;gap:.35rem;padding:.55rem .9rem;background:linear-gradient(135deg,#065f46,#059669);color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px #0596694d;transition:opacity .2s,transform .15s}.inv-export-all-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.inv-export-all-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width: 600px){.inv-filter-bar{flex-direction:column;align-items:stretch}.inv-date-range,.inv-export-all-btn{justify-content:center}}.inv-empty{text-align:center;padding:4rem 1rem}.inv-empty-icon{width:72px;height:72px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 20px #0000000f}.inv-empty h3{font-weight:700;color:#374151;margin-bottom:.4rem}.inv-empty p{color:#9ca3af;font-size:.875rem}.inv-empty-cta{margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #3b82f659;transition:opacity .2s,transform .15s}.inv-empty-cta:hover{opacity:.9;transform:translateY(-1px)}.inv-cards{display:flex;flex-direction:column;gap:.75rem}.inv-card{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1rem 1.1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;align-items:center;gap:1rem}.inv-card:hover{border-color:#bfdbfe;box-shadow:0 4px 20px #3b82f61a;transform:translateY(-1px)}.inv-card:active{transform:translateY(0)}.inv-card-left{flex:1;min-width:0}.inv-card-num{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.inv-card-num span:first-child{font-size:.85rem;font-weight:700;color:#1e40af}.inv-card-client{font-size:.95rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card-date{font-size:.75rem;color:#9ca3af;margin-top:.2rem}.inv-card-right{text-align:right;flex-shrink:0}.inv-card-amount{font-size:1.05rem;font-weight:800;color:#111827}.inv-card-photos{font-size:.72rem;color:#9ca3af;margin-top:.2rem}.badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.badge-draft{background:#f3f4f6;color:#6b7280}.badge-sent{background:#eff6ff;color:#1d4ed8}.badge-paid{background:#ecfdf5;color:#065f46}.badge-overdue{background:#fef2f2;color:#dc2626}.inv-section{background:#fff;border:1px solid #e5e9f0;border-radius:20px;padding:1.4rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 6px #0000000a}.inv-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;margin-bottom:1.1rem}.inv-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.inv-grid-full{grid-column:1 / -1}.inv-field{display:flex;flex-direction:column;gap:.4rem}.inv-field label{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.inv-field input,.inv-field select,.inv-field textarea{width:100%;background:#f9fafb;border:1.5px solid #e5e9f0;border-radius:10px;padding:.7rem .85rem;font-size:.9rem;color:#111827;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.inv-field textarea{resize:none}.inv-field select{cursor:pointer}.inv-checkbox-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.88rem;color:#374151;font-weight:500}.inv-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.inv-items{display:flex;flex-direction:column;gap:1rem}.inv-item-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start}.inv-item-fields{display:flex;flex-direction:column;gap:.5rem}.inv-item-sub{display:grid;grid-template-columns:72px 1fr 1fr;gap:.5rem}.inv-item-total-box{padding:.7rem .85rem;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;font-size:.9rem;font-weight:700;color:#1e40af;text-align:center}.inv-remove-btn{background:none;border:none;color:#d1d5db;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .15s,color .15s;display:flex;align-items:center}.inv-remove-btn:hover{background:#fef2f2;color:#ef4444}.inv-item-divider{border:none;border-top:1.5px dashed #e5e9f0;margin-top:1rem}.inv-add-item{width:100%;padding:.8rem;border:2px dashed #e5e9f0;border-radius:12px;background:none;color:#9ca3af;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:border-color .2s,color .2s,background .2s}.inv-add-item:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.inv-totals{padding-top:1rem;margin-top:.75rem;border-top:1.5px solid #e5e9f0}.inv-total-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.88rem;color:#6b7280}.inv-total-row span:last-child{font-weight:600;color:#374151}.inv-total-final{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0 .3rem;margin-top:.5rem;border-top:2px solid #1e40af;font-size:1.1rem;font-weight:800;color:#111827}.inv-total-final span:last-child{color:#1e40af;font-size:1.2rem}.inv-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.75rem}@media (min-width: 480px){.inv-photo-grid{grid-template-columns:repeat(4,1fr)}}.inv-photo-thumb{position:relative;aspect-ratio:1}.inv-photo-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1.5px solid #e5e9f0}.inv-photo-del{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.inv-photo-del:hover{background:#dc2626}.inv-photo-add{aspect-ratio:1;border:2px dashed #e5e9f0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;gap:.25rem}.inv-photo-add:hover{border-color:#3b82f6;background:#eff6ff}.inv-photo-add span,.inv-photo-hint{font-size:.72rem;color:#9ca3af}.inv-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:800;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 20px #3b82f659;transition:opacity .2s,transform .15s,box-shadow .2s;letter-spacing:.2px;margin-bottom:1rem}.inv-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px #3b82f673}.inv-submit-btn:active:not(:disabled){transform:translateY(0)}.inv-submit-btn:disabled{opacity:.5;cursor:not-allowed}.inv-action-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-bottom:1.25rem;position:sticky;top:57px;z-index:50;background:#f0f4f9;padding:.5rem 0}.inv-btn-pdf{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem .5rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:.8rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #3b82f659;transition:opacity .2s,transform .15s;white-space:nowrap}.inv-btn-pdf:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.inv-btn-pdf:disabled{opacity:.5;cursor:not-allowed}.inv-btn-share{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem .5rem;background:#111827;color:#fff;border:none;border-radius:12px;font-size:.8rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #0003;transition:opacity .2s,transform .15s;white-space:nowrap}.inv-btn-share:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.inv-btn-share:disabled{opacity:.5;cursor:not-allowed}.inv-btn-preview{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem .5rem;background:#fff;color:#1e40af;border:2px solid #bfdbfe;border-radius:12px;font-size:.8rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;white-space:nowrap}.inv-btn-preview:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.inv-status-section{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1rem 1.1rem;margin-bottom:1rem}.inv-status-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;margin-bottom:.75rem}.inv-status-pills{display:flex;flex-wrap:wrap;gap:.5rem}.inv-status-pill{padding:.4rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;border:2px solid transparent;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .15s,transform .1s}.inv-status-pill:hover{opacity:.85;transform:scale(.98)}.inv-status-pill.active{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.inv-delete-btn{width:100%;padding:.85rem;background:none;border:1.5px solid #fecaca;border-radius:14px;color:#ef4444;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.inv-delete-btn:hover{background:#fef2f2;border-color:#ef4444}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.inv-modal{background:#fff;border-radius:20px;width:100%;max-width:760px;margin:auto;overflow:hidden;box-shadow:0 32px 80px #00000059;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e9f0;background:#f9fafb}.inv-modal-header span{font-weight:700;font-size:.95rem;color:#111827}.inv-modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.5rem;line-height:1;padding:.25rem;border-radius:8px;transition:background .15s,color .15s}.inv-modal-close:hover{background:#f3f4f6;color:#374151}.inv-modal-body{padding:0;overflow-x:auto}.inv-doc{background:#fff;font-family:Arial,Helvetica,sans-serif;padding:48px 44px;min-width:600px;color:#111827}.inv-doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.inv-doc-company-name{font-weight:800;font-size:1rem;color:#1d4ed8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.inv-doc-company-addr{color:#6b7280;font-size:.82rem;line-height:1.75}.inv-doc-company-contact{color:#6b7280;font-size:.8rem;margin-top:2px}.inv-doc-title{font-size:2.2rem;font-weight:900;color:#111827;letter-spacing:2px;line-height:1;text-align:right}.inv-doc-meta{color:#6b7280;font-size:.8rem;margin-top:8px;line-height:1.85;text-align:right}.inv-doc-meta strong{font-weight:600;color:#374151}.inv-doc-rule{height:3px;background:linear-gradient(90deg,#1d4ed8,#60a5fa);border-radius:2px;margin-bottom:28px;border:none}.inv-doc-bill-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.inv-doc-bill-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.inv-doc-bill-addr{color:#6b7280;font-size:.82rem;line-height:1.65;white-space:pre-line}.inv-doc-bill-contact{color:#6b7280;font-size:.82rem;margin-top:3px}.inv-doc-bill{margin-bottom:28px}.inv-doc-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:20px}.inv-doc-table thead tr{background:#1d4ed8}.inv-doc-table thead th{padding:10px 12px;color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-align:left}.inv-doc-table thead th:not(:first-child){text-align:right}.inv-doc-table thead th.center{text-align:center}.inv-doc-table tbody td{padding:10px 12px;color:#374151}.inv-doc-table tbody td:not(:first-child){text-align:right}.inv-doc-table tbody td.center{text-align:center}.inv-doc-table tbody tr:nth-child(2n){background:#f9fafb}.inv-doc-table .line-total{font-weight:700}.inv-doc-totals{display:flex;justify-content:flex-end;margin-bottom:28px}.inv-doc-totals-inner{min-width:220px}.inv-doc-tot-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.82rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.inv-doc-tot-row span:last-child{font-weight:600;color:#374151}.inv-doc-tot-final{display:flex;justify-content:space-between;padding:10px 0 4px;font-size:1.05rem;font-weight:800;color:#111827;border-top:2px solid #1d4ed8;margin-top:4px}.inv-doc-tot-final span:last-child{color:#1d4ed8}.inv-doc-notes{margin-bottom:24px;padding:14px 16px;background:#eff6ff;border-left:4px solid #1d4ed8;border-radius:4px}.inv-doc-notes-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.inv-doc-notes-text{font-size:.82rem;color:#374151;white-space:pre-line;line-height:1.7}.inv-doc-photos-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.inv-doc-photos-grid{display:flex;flex-wrap:wrap;gap:8px}.inv-doc-photos-grid img{width:170px;height:128px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.inv-doc-company-left{display:flex;flex-direction:column;gap:4px}.inv-doc-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-bottom:6px;border-radius:6px}.inv-doc-payment{margin-bottom:24px;padding:14px 16px;background:#f8faff;border:1px solid #dbeafe;border-radius:8px}.inv-doc-payment-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.inv-doc-payment-grid{display:flex;flex-wrap:wrap;gap:12px 28px}.inv-doc-payment-grid div{display:flex;flex-direction:column;gap:2px}.inv-doc-payment-grid span{font-size:.68rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px}.inv-doc-payment-grid strong{font-size:.88rem;color:#1e40af;font-weight:700;letter-spacing:.3px}.inv-doc-footer{margin-top:40px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center;color:#9ca3af;font-size:.7rem}.inv-spin{animation:spin .75s linear infinite;width:15px;height:15px;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.inv-loading{display:flex;justify-content:center;padding:4rem 0}@media (max-width: 600px){.inv-grid-2{grid-template-columns:1fr}.inv-item-sub{grid-template-columns:60px 1fr 1fr}.inv-action-bar{grid-template-columns:1fr 1fr;gap:.5rem}.inv-btn-preview{grid-column:1 / -1}.inv-doc{padding:28px 20px;min-width:unset}.inv-doc-header{flex-direction:column;gap:1rem}.inv-doc-title{font-size:1.6rem}.inv-doc-meta{text-align:left;margin-top:0}.inv-doc-totals{justify-content:stretch}.inv-doc-totals-inner{width:100%}.inv-modal{border-radius:16px;margin:0}.inv-modal-overlay{padding:0;align-items:flex-end}.inv-modal{border-radius:20px 20px 0 0;max-height:92dvh;display:flex;flex-direction:column}.inv-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.inv-doc-photos-grid img{width:120px;height:90px}.inv-confirm-overlay{align-items:flex-end;padding:0}.inv-confirm-dialog{border-radius:24px 24px 0 0;max-width:100%}}.inv-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadein .15s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.inv-confirm-dialog{background:#fff;border-radius:20px;width:100%;max-width:380px;padding:2rem 1.75rem 1.5rem;box-shadow:0 24px 60px #00000040;text-align:center;animation:modal-in .2s ease}.inv-confirm-icon{font-size:2.5rem;color:#059669;margin-bottom:.75rem;line-height:1}.inv-confirm-dialog h3{font-size:1.15rem;font-weight:800;color:#111827;margin-bottom:.5rem}.inv-confirm-dialog p{font-size:.875rem;color:#6b7280;line-height:1.55;margin-bottom:1.5rem}.inv-confirm-actions{display:flex;gap:.75rem}.inv-confirm-cancel{flex:1;padding:.75rem;background:#f3f4f6;color:#374151;border:none;border-radius:12px;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s}.inv-confirm-cancel:hover{background:#e5e7eb}.inv-confirm-ok{flex:1;padding:.75rem;background:linear-gradient(135deg,#065f46,#059669);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 12px #0596694d;transition:opacity .15s,transform .15s}.inv-confirm-ok:hover{opacity:.9;transform:translateY(-1px)}.qt-app{min-height:100vh;min-height:100dvh;background:#f0f4f9;font-family:Inter,sans-serif;color:#111827}.qt-header{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #0000000f}.qt-header-inner{max-width:720px;margin:0 auto;padding:0 1rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.qt-header-left{display:flex;align-items:center;gap:.6rem;min-width:0}.qt-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.qt-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;padding:.3rem;border-radius:8px;transition:background .15s,color .15s;flex-shrink:0}.qt-back-btn:hover{background:#f3f4f6;color:#111827}.qt-logo{width:32px;height:32px;background:linear-gradient(135deg,#92400e,#d97706);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:#fff;letter-spacing:-.5px;flex-shrink:0}.qt-header-title{font-size:.95rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-nav-link{background:none;border:1px solid #e5e9f0;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:#1e40af;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s,border-color .15s;white-space:nowrap}.qt-nav-link:hover{background:#eff6ff;border-color:#bfdbfe}.qt-logout-btn{background:none;border:1px solid #e5e9f0;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.qt-logout-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.qt-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem 5rem}.qt-error{display:flex;align-items:flex-start;gap:.6rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.75rem 1rem;color:#dc2626;font-size:.85rem;margin-bottom:1.25rem}.qt-error button{background:none;border:none;color:#f87171;cursor:pointer;font-size:1.2rem;line-height:1;margin-left:auto;padding:0;flex-shrink:0;transition:color .15s}.qt-error button:hover{color:#dc2626}.qt-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.qt-list-header h1{font-size:1.35rem;font-weight:800;color:#111827}.qt-new-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;background:linear-gradient(135deg,#92400e,#d97706);color:#fff;border:none;border-radius:12px;font-size:.85rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #d9770659;transition:opacity .2s,transform .15s,box-shadow .2s;white-space:nowrap}.qt-new-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #d9770673}.qt-new-btn:active{transform:translateY(0)}.qt-filter-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;flex-wrap:wrap}.qt-search-wrap{position:relative;flex:1;min-width:160px;display:flex;align-items:center}.qt-search-icon{position:absolute;left:.7rem;width:15px;height:15px;color:#9ca3af;pointer-events:none}.qt-search-input{width:100%;padding:.55rem 2.2rem;border:1px solid #e5e9f0;border-radius:10px;font-size:.85rem;font-family:Inter,sans-serif;background:#fff;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.qt-search-input::-moz-placeholder{color:#b0b7c3}.qt-search-input::placeholder{color:#b0b7c3}.qt-search-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061f}.qt-search-clear{position:absolute;right:.55rem;background:none;border:none;font-size:1rem;color:#9ca3af;cursor:pointer;padding:0 .2rem;line-height:1}.qt-search-clear:hover{color:#374151}.qt-date-range{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:.35rem .6rem}.qt-date-input{border:none;outline:none;font-size:.8rem;font-family:Inter,sans-serif;color:#374151;background:transparent;cursor:pointer;width:120px}.qt-date-sep{color:#d1d5db;font-size:.85rem}.qt-loading{display:flex;justify-content:center;padding:4rem 0}.qt-empty{text-align:center;padding:4rem 1rem}.qt-empty-icon{width:72px;height:72px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 20px #0000000f}.qt-empty h3{font-weight:700;color:#374151;margin-bottom:.4rem}.qt-empty p{color:#9ca3af;font-size:.875rem}.qt-empty-cta{margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#92400e,#d97706);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px #d9770659;transition:opacity .2s,transform .15s}.qt-empty-cta:hover{opacity:.9;transform:translateY(-1px)}.qt-cards{display:flex;flex-direction:column;gap:.75rem}.qt-card{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:1rem 1.1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;align-items:center;gap:1rem}.qt-card:hover{border-color:#fde68a;box-shadow:0 4px 20px #d977061a;transform:translateY(-1px)}.qt-card:active{transform:translateY(0)}.qt-card-left{flex:1;min-width:0}.qt-card-num{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.qt-card-num span:first-child{font-size:.85rem;font-weight:700;color:#92400e}.qt-card-client{font-size:.95rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-card-date{font-size:.75rem;color:#9ca3af;margin-top:.2rem}.qt-card-right{text-align:right;flex-shrink:0}.qt-card-amount{font-size:1.05rem;font-weight:800;color:#111827}.qt-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.qt-badge-draft{background:#f3f4f6;color:#6b7280}.qt-badge-sent{background:#eff6ff;color:#1d4ed8}.qt-badge-accepted{background:#ecfdf5;color:#065f46}.qt-badge-declined{background:#fef2f2;color:#dc2626}.qt-badge-expired{background:#fff7ed;color:#c2410c}.qt-section{background:#fff;border:1px solid #e5e9f0;border-radius:20px;padding:1.4rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 6px #0000000a}.qt-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;margin-bottom:1.1rem}.qt-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.qt-field{display:flex;flex-direction:column;gap:.4rem}.qt-field-full{grid-column:1 / -1}.qt-field label{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.qt-field input,.qt-field select,.qt-field textarea{width:100%;background:#f9fafb;border:1.5px solid #e5e9f0;border-radius:10px;padding:.7rem .85rem;font-size:.9rem;color:#111827;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.qt-field input:focus,.qt-field select:focus,.qt-field textarea:focus{border-color:#d97706;background:#fff;box-shadow:0 0 0 3px #d977061a}.qt-field textarea{resize:none}.qt-field select{cursor:pointer}.qt-item-row{display:grid;grid-template-columns:1fr 110px 72px 100px 90px auto;gap:.5rem;align-items:end;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px dashed #e5e9f0}.qt-item-row:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.qt-item-desc,.qt-item-cat,.qt-item-qty,.qt-item-price,.qt-item-total{display:flex;flex-direction:column;gap:.35rem}.qt-item-desc label,.qt-item-cat label,.qt-item-qty label,.qt-item-price label,.qt-item-total label{font-size:.68rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.7px}.qt-item-desc input,.qt-item-cat select,.qt-item-qty input,.qt-item-price input{background:#f9fafb;border:1.5px solid #e5e9f0;border-radius:10px;padding:.6rem .75rem;font-size:.85rem;color:#111827;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.qt-item-desc input:focus,.qt-item-cat select:focus,.qt-item-qty input:focus,.qt-item-price input:focus{border-color:#d97706;background:#fff;box-shadow:0 0 0 3px #d977061a}.qt-item-cat select{cursor:pointer}.qt-item-total span{padding:.6rem .75rem;background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;font-size:.85rem;font-weight:700;color:#92400e;text-align:right;display:block}.qt-item-del{background:none;border:none;color:#d1d5db;cursor:pointer;padding:.6rem .4rem;border-radius:8px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;align-self:flex-end}.qt-item-del:hover{background:#fef2f2;color:#ef4444}.qt-add-item-btn{width:100%;padding:.8rem;border:2px dashed #e5e9f0;border-radius:12px;background:none;color:#9ca3af;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:border-color .2s,color .2s,background .2s;margin-top:.75rem}.qt-add-item-btn:hover{border-color:#d97706;color:#92400e;background:#fffbeb}.qt-discount-row{display:flex;flex-direction:column;gap:.5rem}.qt-discount-row select,.qt-discount-row input{width:100%;background:#f9fafb;border:1.5px solid #e5e9f0;border-radius:10px;padding:.7rem .85rem;font-size:.9rem;color:#111827;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.qt-discount-row select:focus,.qt-discount-row input:focus{border-color:#d97706;background:#fff;box-shadow:0 0 0 3px #d977061a}.qt-discount-row select{cursor:pointer}.qt-toggle{display:flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.88rem;color:#374151;font-weight:500;padding:.7rem .85rem;background:#f9fafb;border:1.5px solid #e5e9f0;border-radius:10px}.qt-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.qt-toggle-track{width:34px;height:20px;background:#d1d5db;border-radius:999px;position:relative;flex-shrink:0;transition:background .2s}.qt-toggle input:checked~.qt-toggle-track{background:#d97706}.qt-toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:left .2s}.qt-toggle input:checked~.qt-toggle-track .qt-toggle-thumb{left:17px}.qt-running-total{margin-top:1rem;background:#f9fafb;border:1px solid #e5e9f0;border-radius:12px;padding:.85rem 1rem}.qt-rt-row{display:flex;justify-content:space-between;font-size:.85rem;color:#6b7280;padding:.3rem 0;border-bottom:1px solid #f3f4f6}.qt-rt-row:last-of-type{border-bottom:none}.qt-rt-row span:last-child{font-weight:600;color:#374151}.qt-rt-discount{color:#059669}.qt-rt-discount span:last-child{color:#059669}.qt-rt-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:800;color:#111827;padding:.5rem 0 .1rem;margin-top:.4rem;border-top:2px solid #d97706}.qt-rt-total span:last-child{color:#92400e}.qt-action-bar{display:flex;gap:.6rem;margin-bottom:1.25rem}.qt-action-bar--preview{position:sticky;top:57px;z-index:50;background:#f0f4f9;padding:.5rem 0;flex-wrap:wrap}.qt-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1rem;border:none;border-radius:12px;font-size:.82rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap;flex:1}.qt-btn:hover:not(:disabled){transform:translateY(-1px)}.qt-btn:active:not(:disabled){transform:translateY(0)}.qt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.qt-btn-primary{background:linear-gradient(135deg,#92400e,#d97706);color:#fff;box-shadow:0 4px 14px #d9770659}.qt-btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 6px 20px #d9770673}.qt-btn-secondary{background:#fff;color:#374151;border:1.5px solid #e5e9f0;box-shadow:0 1px 4px #0000000d}.qt-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.qt-btn-pdf{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 14px #3b82f659}.qt-btn-pdf:hover:not(:disabled){opacity:.9}.qt-btn-share{background:#111827;color:#fff;box-shadow:0 4px 14px #0003}.qt-btn-share:hover:not(:disabled){opacity:.85}.qt-btn-convert{background:linear-gradient(135deg,#065f46,#059669);color:#fff;box-shadow:0 4px 14px #0596694d}.qt-btn-convert:hover:not(:disabled){opacity:.9}.qt-btn-danger{background:#fff;color:#ef4444;border:1.5px solid #fecaca}.qt-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.qt-preview-status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:.75rem 1rem;margin-bottom:.75rem}.qt-preview-status>span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#9ca3af;margin-right:.25rem}.qt-status-btn{padding:.35rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;border:2px solid transparent;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .15s,transform .1s,box-shadow .15s;background:#f3f4f6;color:#6b7280}.qt-status-btn:hover{opacity:.85;transform:scale(.98)}.qt-status-btn:nth-child(2){background:#f3f4f6;color:#6b7280}.qt-status-btn:nth-child(3){background:#eff6ff;color:#1d4ed8}.qt-status-btn:nth-child(4){background:#ecfdf5;color:#065f46}.qt-status-btn:nth-child(5){background:#fef2f2;color:#dc2626}.qt-status-btn:nth-child(6){background:#fff7ed;color:#c2410c}.qt-status-btn.active{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.qt-preview-doc-wrap{background:#fff;border:1px solid #e5e9f0;border-radius:20px;overflow:auto;box-shadow:0 4px 24px #0000000f}.qt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.qt-modal{background:#fff;border-radius:20px;width:100%;max-width:760px;margin:auto;overflow:hidden;box-shadow:0 32px 80px #00000059;animation:qt-modal-in .2s ease}@keyframes qt-modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.qt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e9f0;background:#f9fafb}.qt-modal-header span{font-weight:700;font-size:.95rem;color:#111827}.qt-modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.5rem;line-height:1;padding:.25rem;border-radius:8px;transition:background .15s,color .15s}.qt-modal-close:hover{background:#f3f4f6;color:#374151}.qt-modal-body{padding:0;overflow-x:auto}.qt-doc{background:#fff;font-family:Arial,Helvetica,sans-serif;padding:48px 44px;min-width:600px;color:#111827}.qt-doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.qt-doc-company-left{display:flex;flex-direction:column;gap:4px}.qt-doc-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-bottom:6px;border-radius:6px}.qt-doc-company-name{font-weight:800;font-size:1rem;color:#92400e;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.qt-doc-company-addr{color:#6b7280;font-size:.82rem;line-height:1.75}.qt-doc-company-contact{color:#6b7280;font-size:.8rem;margin-top:2px}.qt-doc-title{font-size:2.2rem;font-weight:900;color:#111827;letter-spacing:2px;line-height:1;text-align:right}.qt-doc-meta{color:#6b7280;font-size:.8rem;margin-top:8px;line-height:1.85;text-align:right}.qt-doc-meta strong{font-weight:600;color:#374151}.qt-doc-expiry{color:#c2410c;font-weight:600}.qt-doc-expiry strong{color:#92400e}.qt-doc-rule{height:3px;background:linear-gradient(90deg,#92400e,#d97706);border-radius:2px;margin-bottom:28px;border:none}.qt-doc-bill-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.qt-doc-bill-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.qt-doc-bill-addr{color:#6b7280;font-size:.82rem;line-height:1.65;white-space:pre-line}.qt-doc-bill-contact{color:#6b7280;font-size:.82rem;margin-top:3px}.qt-doc-bill{margin-bottom:28px}.qt-doc-table-wrap{overflow-x:scroll;-webkit-overflow-scrolling:touch;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#d97706 #f3f4f6}.qt-doc-table-wrap::-webkit-scrollbar{height:6px}.qt-doc-table-wrap::-webkit-scrollbar-track{background:#f3f4f6;border-radius:999px}.qt-doc-table-wrap::-webkit-scrollbar-thumb{background:#d97706;border-radius:999px}.qt-doc-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:0;min-width:420px}.qt-doc-table thead tr{background:#92400e}.qt-doc-table thead th{padding:10px 12px;color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-align:left}.qt-doc-table thead th:not(:first-child){text-align:right}.qt-doc-table thead th.center{text-align:center}.qt-doc-table tbody td{padding:10px 12px;color:#374151}.qt-doc-table tbody td:not(:first-child){text-align:right}.qt-doc-table tbody td.center{text-align:center}.qt-doc-table tbody tr:nth-child(2n){background:#f9fafb}.qt-doc-table .line-total{font-weight:700}.qt-doc-category{color:#6b7280;font-style:italic;font-size:.78rem}.qt-doc-totals{display:flex;justify-content:flex-end;margin-bottom:28px}.qt-doc-totals-inner{min-width:220px}.qt-doc-tot-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.82rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.qt-doc-tot-row span:last-child{font-weight:600;color:#374151}.qt-doc-tot-discount{color:#059669}.qt-doc-tot-discount span:last-child{color:#059669}.qt-doc-tot-final{display:flex;justify-content:space-between;padding:10px 0 4px;font-size:1.05rem;font-weight:800;color:#111827;border-top:2px solid #92400e;margin-top:4px}.qt-doc-tot-final span:last-child{color:#92400e}.qt-doc-notes{margin-bottom:24px;padding:14px 16px;background:#fffbeb;border-left:4px solid #d97706;border-radius:4px}.qt-doc-notes-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.qt-doc-notes-text{font-size:.82rem;color:#374151;white-space:pre-line;line-height:1.7}.qt-doc-footer{margin-top:40px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center;color:#9ca3af;font-size:.7rem}.qt-spinner{animation:qt-spin .75s linear infinite;width:28px;height:28px}@keyframes qt-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.qt-grid-2{grid-template-columns:1fr}.qt-field-full{grid-column:1}.qt-item-row{grid-template-columns:1fr auto;grid-template-areas:"desc del" "cat cat" "qty price" "total total";gap:.5rem}.qt-item-desc{grid-area:desc}.qt-item-del{grid-area:del;align-self:flex-start;padding-top:1.85rem}.qt-item-cat{grid-area:cat}.qt-item-qty{grid-area:qty}.qt-item-price{grid-area:price}.qt-item-total{grid-area:total}.qt-action-bar{flex-wrap:wrap}.qt-action-bar--preview .qt-btn{flex:1 1 calc(50% - .3rem)}.qt-action-bar--preview .qt-btn-convert{flex:1 1 100%}.qt-filter-bar{flex-direction:column;align-items:stretch}.qt-date-range{justify-content:center}.qt-doc{padding:20px 14px;min-width:unset}.qt-doc-header{flex-direction:column;gap:1rem}.qt-doc-title{font-size:1.6rem;text-align:left}.qt-doc-meta{text-align:left;margin-top:0}.qt-doc-totals{justify-content:stretch}.qt-doc-totals-inner{width:100%}.qt-doc-table thead th,.qt-doc-table tbody td{padding:8px;font-size:.75rem}.qt-doc-table thead th{font-size:.62rem}.qt-modal{border-radius:16px;margin:0}.qt-modal-overlay{padding:0;align-items:flex-end}.qt-modal{border-radius:20px 20px 0 0;max-height:92dvh;display:flex;flex-direction:column}.qt-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.qt-preview-status{gap:.4rem}}