.hidden{display:none}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--brand-color-container-foreground-light,#ccc);border-top-color:var(--brand-color-primary,#2ed9e7);border-radius:50%;animation:spin 1s linear infinite}.circle-loader{display:none;width:24px;height:24px;border:3px solid rgba(255,255,255,0.35);border-top-color:#ffffff;border-radius:50%;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;animation:spin 0.9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}


.tool-section{position:relative;margin:10px auto;padding:2rem;border:2px dashed rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.02);border-radius:var(--brand-border-radius,12px);overflow:hidden;z-index:1;display:flex;align-items:flex-start;min-width:800px;gap:2rem;flex-wrap:wrap}.tool-section::before{content:attr(data-section);position:absolute;top:10px;left:10px;font-size:5rem;font-weight:900;color:rgba(255,255,255,0.05);z-index:0;pointer-events:none;font-family:var(--brand-font-title,monospace)}.tool-section-content{position:relative;z-index:2;justify-content:center;margin:10px auto}.tool-section-header{margin-left:30px;margin-bottom:1rem;width:20%}.tool-section-title{font-size:1.25rem;font-family:var(--brand-font-title,monospace);color:var(--brand-color-primary,#2ed9e7);margin-bottom:0.25rem}.tool-section-description{font-size:1rem;color:var(--brand-color-container-foreground-light,#ccc)}


.output-container{display:flex;flex-grow:1;min-width:200px;padding:20px;flex-direction:column;gap:10px;transition:width 0.2s ease}.drag-and-drop{margin:30px}.add-supplier-btn,.add-customer-btn{padding:6px 12px;font-size:13px;border:1px solid #007bff;background-color:#007bff;color:white;cursor:pointer;border-radius:4px;min-width:120px;text-align:center;display:inline-block;box-shadow:0 2px 2px rgba(0,0,0,0.2);transition:background-color 0.3s,box-shadow 0.3s}.add-supplier-btn:hover,.add-customer-btn:hover{background-color:#0056b3;box-shadow:0 4px 4px rgba(0,0,0,0.2)}.add-supplier-btn:active,.add-customer-btn:active{background-color:#004080;box-shadow:0 2px 2px rgba(0,0,0,0.2)}.text-box{display:flex;flex-direction:column;margin-bottom:15px}.text-box label{min-width:100px;margin-bottom:5px;color:white;font-weight:bold}.text-box input[type="text"],.text-box select{padding:8px;border:1px solid #ccc;border-radius:5px;width:100%}.tab-content{display:none}.tab.active .tab-content{display:block}.vertical-stack{display:flex;height:100%;width:100%;flex-direction:column;align-items:center}.text-box{display:flex;flex-direction:row;align-items:center;margin-bottom:15px}.text-box label{min-width:150px;margin-bottom:0;margin-right:10px;color:white;font-weight:bold}


table{width:100%;border-collapse:collapse;table-layout:fixed}table input[type="text"],table input[type="number"],table select{width:100%;padding:8px;border:1px solid #111;border-radius:4px;box-sizing:border-box;font-family:'Roboto Mono',monospace;font-size:14px;transition:border-color 0.3s ease,box-shadow 0.3s ease}table input[type="text"]:focus,table input[type="number"]:focus,table select:focus{border-color:#2ed9e7;box-shadow:0 0 5px rgba(46,217,231,0.5);outline:none}.lines{max-width:100%;overflow-x:auto;margin:10px 0;border:1px solid #111;border-radius:8px;padding:10px}.lines table{width:100%;table-layout:auto}.lines th,.lines td{border:1px solid #e0e0e0;padding:10px 8px;text-align:left;vertical-align:middle;font-size:14px}.lines th{font-weight:bold;text-transform:uppercase;text-align:center}.lines th:nth-child(1),.lines td:nth-child(1){width:30%}.lines th:nth-child(2),.lines td:nth-child(2){width:10%;text-align:center}.lines td:nth-child(3){width:15%;text-align:right}.lines th:nth-child(4),.lines td:nth-child(4){width:15%;text-align:right}.line-total-cell output{color:white;display:block;min-width:6.5em;font-family:'Roboto Mono',monospace;font-variant-numeric:tabular-nums;text-align:right}.lines th:nth-child(5),.lines td:nth-child(5){width:10%;display:none}.lines th:nth-child(6),.lines td:nth-child(6){width:20%}.lines th:nth-child(7),.lines td:nth-child(7){width:20%}.lines th:nth-child(8),.lines td:nth-child(8){width:5%;text-align:center}.tax-select,.ledger-select{width:100%;padding:8px;border:1px solid #111;border-radius:4px;font-size:14px;box-sizing:border-box}.delete-line-button{padding:6px 12px;border:none;background-color:#ff4d4d;color:white;font-size:12px;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.delete-line-button:hover{background-color:#e04444}.add-line-button{display:inline-block;margin-top:10px;padding:8px 16px;background-color:#4caf50;color:white;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.add-line-button:hover{background-color:#45a049}@media (max-width:768px){.lines th,.lines td{padding:8px;font-size:12px}.lines th:nth-child(1),.lines td:nth-child(1){width:40%}.lines th:nth-child(6),.lines td:nth-child(6){width:25%}.lines th:nth-child(7),.lines td:nth-child(7){width:25%}.delete-line-button,.add-line-button{font-size:12px;padding:6px 10px}}


.tab{width:100%;display:inline-block;transition:background-color 0.3s,max-height 0.3s ease;border-radius:var(--brand-border-radius);background-color:rgba(255,255,255,0.2);border:1px solid #000;padding:4px;overflow:hidden;max-height:1000px}.tab.minimised{border-radius:20px;max-height:40px}.loading-bar-container{display:flex;align-items:center;height:30px;gap:6px;padding-left:10px}.loading-bar{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border-radius:20px;position:relative}.in-progress{background:linear-gradient(to right,blue 50%,transparent 50%);background-size:200% 100%;animation:progressAnimation 2s linear infinite}@keyframes progressAnimation{0%{background-position:100% 0}100%{background-position:-100% 0}}.hidden{display:none !important;height:0px}.visible{display:block}.red{background-color:red}.green{background-color:green}.blue{}.delete-button{background-color:var(--brand-color-cta);color:var(--brand-color-primary);border:1px solid var(--brand-color-primary);border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.verify-button{background-color:var(--brand-color-cta);color:var(--brand-color-primary);border:1px solid var(--brand-color-primary);border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.verify-button.active{background-color:green}.tab.minimised .gui-container{pointer-events:none;height:0}.gui-container.collapsed{max-height:0;height:0}.file-name{color:white}.error-message{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:white;z-index:1;pointer-events:none}


stripe-pricing-table{height:900px}.modal{position:fixed;z-index:100000;left:0;top:0;height:100vh;width:100vw;overflow:auto;background-color:rgba(0,0,0,0.62)}.modal-content{margin:2% auto;padding:40px;border:1px solid #888;width:80%;max-width:1000px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.2);text-align:center;position:relative;background-color:var(--brand-color-modal)}.close{color:#aaa;position:absolute;top:10px;right:10px;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:black;text-decoration:none}.modal h1{font-size:2em;margin-bottom:10px;color:#333}.modal h2{font-size:1.5em;margin-bottom:30px;color:#666;padding-bottom:10px;border-bottom:2px solid #ddd;margin-bottom:40px}.pricing-cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.pricing-card{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,0.2);max-width:300px;flex:1 1 30%;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;color:#fff}.pricing-card:hover{transform:scale(1.05);box-shadow:0 12px 24px rgba(0,0,0,0.3)}.card-header{padding:20px;color:#fff;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.2em;font-weight:bold}.card-header.premium{background:linear-gradient(135deg,#ff7e5f,#feb47b)}.card-header.pro{background:linear-gradient(135deg,#43cea2,#185a9d)}.card-header.enterprise{background:linear-gradient(135deg,#00c6ff,#0072ff)}.plan-title{font-size:1.5em;margin-top:10px;font-weight:bold}.plan-icon{width:100px;height:auto;display:block;margin:0 auto 20px auto}.card-body{padding:20px;text-align:center}.price{font-size:2em;font-weight:bold;margin:20px 0 10px;color:#00aaff}.price span{font-size:0.5em;color:#888}.card-body p{font-size:1em;margin:10px 0}.subscribe-button{background-color:var(--brand-color-cta);color:#fff;border:none;padding:10px 20px;font-size:1em;cursor:pointer;border-radius:5px;transition:background-color 0.3s ease,transform 0.3s ease;margin:20px auto;display:block;text-transform:uppercase}.subscribe-button:hover{background-color:#008fcc;transform:scale(1.05)}@media (max-width:768px){.pricing-cards{flex-direction:column;align-items:center}.pricing-card{max-width:80%}}


#reconnectModal .reconnect-link{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px}#reconnectModal .reconnect-link:hover{background-color:#0056b3}


#tabs-container{padding-bottom:20px;margin-top:20px;margin-bottom:0px;display:flex;flex-direction:column;gap:25px;min-width:70%}


#right-panel-tab{display:none}#drop-area{border-radius:12px;padding:30px;margin:0px auto;width:80%;max-width:600px;background-color:rgba(255,255,255,0.05);text-align:center;transition:background-color 0.3s ease,border-color 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.2)}#drop-area:hover{background-color:rgba(255,255,255,0.08)}#drop-area .vertical-stack{display:flex;flex-direction:column;align-items:center;gap:12px}#drop-area .drag-and-drop{color:white;font-size:1.1rem;opacity:0.9}#drop-area input[type="file"]{cursor:pointer;padding:6px 12px;border-radius:8px;background-color:#4CAF50;color:white;border:none;font-size:1rem;transition:background-color 0.2s ease}#drop-area input[type="file"]:hover{background-color:#45a049}.gui-container{--pdf-pane-width:48%;display:grid;grid-template-columns:minmax(360px,var(--pdf-pane-width)) 5px minmax(460px,1fr);grid-template-rows:clamp(620px,70vh,780px) auto auto;width:100%;height:auto;position:relative;overflow:visible;transition:max-height 0.3s ease}.gui-container.collapsed{max-height:0;height:0}.pdf-container{display:flex;grid-column:1;grid-row:1;width:100%;min-width:0;max-width:none;min-height:0}.gui-container>.document-content,.gui-container>.document-content>.output-container{display:contents}.invoice-header-fields{box-sizing:border-box;grid-column:3;grid-row:1;min-width:0;padding:24px;overflow-y:auto}.gui-container .lines{box-sizing:border-box;grid-column:1 / -1;grid-row:2;min-width:0;margin:20px 20px 0}.gui-container .add-line-button{grid-column:1 / -1;grid-row:3;margin:12px 20px 20px}.resize-handle{grid-column:2;grid-row:1;width:5px;cursor:col-resize;height:100%;position:relative;flex-shrink:0;z-index:10;user-select:none;background-color:rgba(255,255,255,0.3);transition:background-color 0.2s ease}.resize-handle:hover{background-color:rgba(255,255,255,0.5)}.drop-area{display:flex;outline:2px dashed #ccc;outline-offset:-5px;text-align:center;margin:20px;width:100%;justify-content:center;color:white}.drop-area input[type="file"]{cursor:pointer;padding:6px 12px;border-radius:8px;background-color:#4CAF50;color:white;border:none;font-size:1rem;transition:background-color 0.2s ease}.drop-area input[type="file"]:hover{background-color:#45a049}.pdf-viewer{width:100%;height:100%;border:none;overflow:hidden}.pdf-viewer-container{flex:1;height:100%;width:100%;display:flex;align-items:stretch;overflow:hidden;position:relative}.example-wrapper{display:grid;grid-template-areas:"note note" "box arrow";grid-template-columns:auto auto;align-items:center;justify-content:center;gap:0.75rem 1rem;text-align:center;margin-top:1rem}.example-note{grid-area:note;margin:0;color:white}.example-box{grid-area:box;display:inline-block;padding:10px 20px;border:2px dashed #ccc;border-radius:8px;background-color:rgba(255,255,255,0.05);color:white;cursor:grab}.example-arrow{grid-area:arrow;margin:0;font-size:0;color:var(--brand-color-primary,#4CAF50)}.example-arrow::before{content:"\2192";font-size:2rem}th{color:white}main{margin-left:clamp(1rem,5vw,6.25rem);margin-right:clamp(1rem,5vw,6.25rem)}.tool-section{box-sizing:border-box;width:100%;max-width:1500px;min-width:0;padding:clamp(1.5rem,2.5vw,2.5rem);gap:clamp(1.5rem,2.5vw,2.5rem);flex-wrap:nowrap;font-size:1.125rem;line-height:1.45}.tool-section-header{flex:0 0 clamp(200px,16vw,250px);width:auto;margin-left:30px}.tool-section-title{font-size:clamp(1.35rem,1.3vw,1.6rem);line-height:1.3}.tool-section-description{max-width:24ch;font-size:1.125rem;line-height:1.45}.tool-section-content{min-width:0}.option-nav,#tabs-container,#output-section{flex:1 1 0}#tabs-container{width:auto;min-width:0}.tool-section[data-section="3"]{flex-wrap:wrap}.tool-section[data-section="3"] .tool-section-header{flex:1 1 100%;width:100%;margin-bottom:0}.tool-section[data-section="3"] .tool-section-description{max-width:60ch}.tool-section[data-section="3"] #tabs-container{flex:1 1 100%;width:100%;margin-top:0}.tab{box-sizing:border-box;max-height:none}.file-name,.text-box label,.text-box input,.text-box select,.lines th,.lines td,.lines input,.lines select,.lines button{font-size:1.0625rem}.text-box label{min-width:180px}.text-box input,.text-box select{box-sizing:border-box;min-height:42px}@media (max-width:1100px){main{margin-left:clamp(1rem,4vw,3.5rem);margin-right:clamp(1rem,4vw,3.5rem)}.tool-section{flex-wrap:wrap}.tool-section-header{flex:1 1 100%;width:100%;margin:0 0 0 30px}.tool-section-description{max-width:42ch}.example-wrapper{grid-template-areas:"note" "box" "arrow";grid-template-columns:auto}.example-arrow::before{content:"\2193"}.tool-section-content,.option-nav,#tabs-container,#output-section{flex:1 1 100%;width:100%}.gui-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:620px auto auto auto;height:auto;max-height:none;overflow:visible}.pdf-container{grid-column:1;grid-row:1;width:100% !important;min-width:0;max-width:none}.resize-handle{display:none}.invoice-header-fields{grid-column:1;grid-row:2;min-width:0;padding:24px 20px 10px;overflow:visible}.gui-container .lines{grid-column:1;grid-row:3}.gui-container .add-line-button{grid-column:1;grid-row:4}}@media (max-width:700px){main{margin-left:0;margin-right:0}.tool-section{padding:1.25rem;border-left:0;border-right:0;border-radius:0}.options-list{gap:10px;flex-wrap:wrap}.options-content form{margin:0;padding:6px 0}.option-choice{padding:9px 14px}.pdf-container{height:480px}.gui-container{grid-template-rows:480px auto auto auto}.invoice-header-fields{padding:16px 10px 6px}.gui-container .lines{margin:12px 10px 0}.gui-container .add-line-button{margin:10px 10px 16px}.text-box{align-items:stretch;flex-direction:column}.text-box label{min-width:0;margin:0 0 6px}}


.option-nav{display:flex;justify-content:center}.options-list{list-style:none;display:flex;gap:20px;padding:0;margin:0}.option-choice{padding:8px 20px;border-radius:20px;background-color:rgba(255,255,255,0.05);color:white;cursor:pointer;border:1px solid transparent;transition:all 0.2s ease;user-select:none}.document-type-option:hover{background-color:rgba(255,255,255,0.1);border-color:var(--brand-color-primary)}.option-choice.active{background-color:var(--brand-color-cta) !important;color:var(--brand-color-primary);font-weight:bold}.options-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:0px}.option-label{display:block;font-weight:600;margin:0.5rem 0 0.25rem;color:var(--brand-color-primary,#000)}.options-content form{padding:10px;margin:10px}.destination-option.connected{box-shadow:0 0 10px 2px rgba(10,121,33,1);transition:all 0.3s ease}.option-choice.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none;background-color:rgba(255,255,255,0.03);border:1px dashed #777;color:#aaa}.login-hint{margin-top:8px;margin-right:10px;font-size:0.85rem;color:#ccc;text-align:right;font-style:italic}


#output-section{display:flex;justify-content:center}.output-summary{padding:1.5rem;border-radius:var(--brand-border-radius);color:white;max-width:600px}.output-title{margin-bottom:1rem;font-family:var(--brand-font-title);font-size:1.25rem;color:var(--brand-color-primary)}.output-stats{display:flex;gap:2rem;margin-bottom:1rem;font-size:1rem}.output-stat{display:flex;align-items:center;gap:0.4rem}.output-actions{display:flex;justify-content:flex-end}.export-button{background-color:var(--brand-color-cta);color:white;padding:0.5rem 1rem;font-weight:bold;border:none;border-radius:var(--brand-border-radius);cursor:pointer;transition:background-color 0.2s ease}.export-button:hover{background-color:var(--brand-color-cta-hover)}