@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.a4-page{width:210mm;min-height:297mm;background-color:#fff!important;background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(297mm - 1px),rgba(79,70,229,.4) calc(297mm - 1px),rgba(79,70,229,.4) 297mm);background-size:auto;background-repeat:repeat-y;padding:10mm;margin:0 auto;color:#000;position:relative;font-family:Inter,sans-serif;font-size:9pt;line-height:1.3;box-sizing:border-box;display:flex;flex-direction:column}.a4-page:after{content:"✂ PAGE 1 END";position:absolute;top:297mm;right:15px;font-size:7.5pt;font-weight:800;color:#4f46e5;background:#fff;padding:1px 6px;border:1px solid #4f46e5;z-index:10;transform:translateY(-50%);opacity:.9}.a4-page:before{content:"✂ PAGE 2 END";position:absolute;top:594mm;right:15px;font-size:7.5pt;font-weight:800;color:#4f46e5;background:#fff;padding:1px 6px;border:1px solid #4f46e5;z-index:10;transform:translateY(-50%);opacity:.9}.page-marker-3,.page-marker-4,.page-marker-5{position:absolute;right:15px;font-size:7.5pt;font-weight:800;color:#4f46e5;background:#fff;padding:1px 6px;border:1px solid #4f46e5;z-index:10;transform:translateY(-50%);opacity:.9;pointer-events:none}.page-marker-5{top:1485mm}.exporting:after,.exporting:before,.exporting .page-marker-3,.exporting .page-marker-4,.exporting .page-marker-5{display:none!important}.exporting{background-image:none!important}.logo-header{padding:10px 0 25px;display:flex;justify-content:flex-end}.company-logo-img{height:90px;max-width:100%;object-fit:contain}.master-table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid #333}.master-table tr{page-break-inside:avoid;break-inside:avoid}.master-table td,.master-table th{border:1px solid #333;padding:6px 10px;vertical-align:top;word-wrap:break-word;font-weight:400}.col-1{width:40px}.col-2{width:auto}.col-3{width:90px}.col-4{width:60px}.col-5{width:110px}.label-bold{font-weight:700;font-size:10pt}.row-header td{background-color:#fcfcfc;font-weight:700;text-align:center}.doc-title{font-size:14pt;font-weight:700;padding:12px 10px!important}.words-cell{font-size:8.5pt;color:#333;padding:12px 10px!important;vertical-align:top}.total-label-cell{text-align:center;font-weight:700;vertical-align:middle}.total-amount-cell{text-align:right;font-weight:700;vertical-align:middle}.grand-total-row td{background:#fcfcfc}.bottom-group{margin-top:auto}.terms-section{padding:12px;border:1.5px solid #000;margin-top:15px;page-break-inside:avoid;break-inside:avoid}.terms-title{font-weight:700;margin-bottom:8px;text-decoration:underline}.terms-list{padding-left:20px;margin:0}.terms-list li{margin-bottom:4px;font-size:8.5pt}.page-footer{padding-top:25px;text-align:center;font-size:7.5pt;color:#333;page-break-inside:avoid;break-inside:avoid}.info-grid-row td{border:1px solid #777;padding:8px 12px;font-size:9pt;vertical-align:middle}.info-label{background-color:#f8fafc;width:120px;font-weight:600;color:#475569}.info-value{width:auto;background:#fff}.item-img-doc{width:120px;height:80px;object-fit:contain;margin-top:10px;border:1px solid #ddd;background:#fff}.tax-breakdown-row td{padding:3px 10px;border-top:none;border-bottom:none;border-right:1px solid #333;font-size:8.5pt;color:#555;vertical-align:middle}@media print{.a4-page{padding:10mm}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-glow: rgba(79, 70, 229, .4);--bg-gradient: radial-gradient(at 0% 0%, hsla(253, 16%, 7%, 1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225, 39%, 30%, 1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339, 49%, 30%, 1) 0, transparent 50%);--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--text-main: #0f172a;--text-muted: #64748b;--accent: #ec4899;--border: #e2e8f0;--input-bg: #f1f5f9;--success: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f0f4f8;background-image:radial-gradient(at 40% 20%,hsla(28,100%,74%,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(189,100%,56%,.15) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(340,100%,76%,.15) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-wrapper{max-width:1400px;margin:0 auto;padding:110px 2rem 2rem;display:flex;flex-direction:column;gap:2rem;min-height:100vh}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid white;border-radius:24px;box-shadow:0 10px 40px -10px #0000000d,0 0 20px -5px #00000005}.header-glass{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:1350px;z-index:1000;border-radius:20px!important;display:flex;justify-content:space-between;align-items:center;padding:.85rem 2rem;background:#ffffffe6!important;box-shadow:0 4px 30px #0000000d}.main-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2rem;align-items:start}@media (max-width: 1200px){.main-content{grid-template-columns:1fr}}.form-container{padding:2.5rem}.preview-container{position:sticky;top:7rem;display:flex;flex-direction:column;gap:1.5rem}.preview-scroller{max-height:calc(100vh - 160px);overflow-y:auto;border-radius:16px;padding:10px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--text-muted);font-family:Outfit,sans-serif;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid transparent;background:var(--input-bg);border-radius:12px;font-size:.95rem;font-family:Inter,sans-serif;color:var(--text-main);transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.section-title{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:10px 20px;border-radius:12px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:none;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.history-item{transition:all .2s ease}.history-item:hover{background:#f8fafc;transform:translate(4px)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px -5px #0000001a;border-radius:16px;z-index:2000;margin-top:5px;padding:10px}.dropdown:hover .dropdown-content{display:block}