@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,900&display=swap";.templates-container{background-color:#7a9ca5;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.templates-header{justify-content:space-between;align-items:center;width:210mm;margin:0 auto 30px;display:flex}.template-selector{gap:10px;display:flex}.template-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.template-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.action-btns{gap:10px;display:flex}.action-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.action-btn:hover{background:#334155}.template-paper{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #ddd;width:210mm;min-height:297mm;margin:0 auto;padding:20mm;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;box-shadow:0 10px 40px #0003}@media print{@page{size:A4;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;height:100%;background:#fff!important;margin:0!important;padding:0!important}.templates-header,.site-header,.site-footer,.cookie-consent-banner,.action-btns,.no-print{display:none!important}.templates-container{background:#fff!important;margin:0!important;padding:0!important;display:block!important}.template-viewer{margin:0!important;padding:0!important}.template-paper{page-break-after:avoid;page-break-before:avoid;box-shadow:none!important;box-sizing:border-box!important;border:none!important;width:210mm!important;height:296mm!important;margin:0 auto!important;padding:12mm!important;position:relative!important;overflow:hidden!important}}.editable-input{color:#1e293b;background:#00000005;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 8px;transition:all .2s}.editable-input:hover{background:#0000000d;border-color:#cbd5e1}.editable-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.invoice-fly-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.invoice-fly-header{justify-content:space-between;margin-bottom:60px;display:flex}.invoice-fly-left{flex:1}.invoice-fly-number-box{border-radius:4px;width:180px;overflow:hidden}.invoice-fly-table{border-collapse:collapse;width:100%;margin-top:30px}.invoice-fly-table th{color:#64748b;letter-spacing:.05em;font-size:12px;font-weight:700}.invoice-fly-table td{font-size:14px}.invoice-fly-summary .grand-total-row{border-top:2px solid #000;margin-top:10px;padding-top:10px}.invoice-fly-footer-section p{color:#1e293b;font-size:13px;font-weight:700}.customs-invoice-title{text-align:center;text-transform:uppercase;border:2px solid #000;margin-bottom:20px;padding:8px;font-size:28px;font-weight:900}.customs-meta-grid{border:2px solid #000;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;display:grid}.customs-meta-item{border-right:2px solid #000;flex-direction:row;align-items:center;gap:10px;padding:5px 10px;display:flex}.customs-meta-item:last-child{border-right:none}.customs-meta-label{white-space:nowrap;font-size:11px;font-weight:900}.customs-main-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.customs-box{box-sizing:border-box;border:2px solid #000}.customs-box-title{background:#f3f4f6;border-bottom:2px solid #000;padding:8px;font-size:14px;font-weight:900}.customs-box-content{padding:0}.customs-row{border-bottom:2px solid #000;display:flex}.customs-row:last-child{border-bottom:none}.customs-label-cell{background:#f3f4f6;border-right:2px solid #000;flex-shrink:0;align-items:center;width:140px;padding:5px 8px;font-size:11px;font-weight:900;display:flex}.customs-value-cell{background:#fff;flex-grow:1;padding:0}.customs-value-cell .editable-input{background:0 0;border:none;height:100%;padding:5px 8px}.customs-table{border-collapse:collapse;border:2px solid #000;width:100%;margin-bottom:20px}.customs-table th,.customs-table td{border:2px solid #000;padding:6px;font-size:11px}.customs-table th{background:#e5e7eb;font-weight:900}.packing-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.packing-title{color:#004a7c;font-size:48px;font-weight:900}.packing-blue-bar{color:#fff;background:#004a7c;margin-bottom:0;padding:8px 15px;font-size:14px;font-weight:900}.packing-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;display:grid}.packing-table{border-collapse:collapse;border:1px solid #ddd;width:100%}.packing-table th{color:#fff;text-align:left;background:#004a7c;border:1px solid #fff;padding:10px;font-weight:900}.packing-table td{border:1px solid #eee;padding:10px}.packing-table tr:nth-child(2n){background:#f1f5f9}#root{width:100%;margin:0;padding:0}.App{width:100%}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-\[\#7a9ca5\]{background-color:#7a9ca5}.bg-\[\#94a3b8\]{background-color:#94a3b8}.bg-transparent{background-color:#0000}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#1e293b;background-color:#f8fafc;min-width:320px;min-height:100vh;margin:0;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}