@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lora:wght@500;600&display=swap";:root{--primary-color: #DE5D36;--primary-hover: #C24A28;--primary-light: #FDECE7;--bg-color: #F4F3F0;--surface-color: #FFFFFF;--input-bg: #F9F9F8;--header-bg: #FFFFFF;--text-main: #292524;--text-light: #78716C;--border-color: #E7E5E4;--success-color: #10B981;--warning-color: #F59E0B;--danger-color: #EF4444;--font-family: "Inter", sans-serif;--font-family-heading: "Lora", serif;--border-radius: 12px;--box-shadow: 0 10px 40px -10px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a29e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dots{0%,to{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}#root{display:flex;flex-direction:column;min-height:100vh}header{background:var(--header-bg);padding:1rem 2.5rem;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:auto}.logo-text{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:600;color:var(--text-main);letter-spacing:-.5px}main{flex-grow:1;display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem;max-width:1600px;margin:0 auto;width:100%}@media (min-width: 1024px){main{grid-template-columns:380px 1fr}}.controls-panel{padding:0}@media (min-width: 1024px){.controls-panel{position:sticky;top:2.5rem;align-self:start}}.panel-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--box-shadow)}h2,.upload-panel h3{font-family:var(--font-family-heading);font-size:1.35rem;font-weight:600;color:var(--text-main);margin-bottom:1.5rem}.panel-section>h2{font-size:1.15rem}.quarter-selection{display:flex;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem;flex:1}label{font-weight:500;font-size:.85rem;color:var(--text-light)}input[type=text],input[type=number],input[type=date],select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);font-size:.95rem;font-family:var(--font-family);color:var(--text-main);transition:all .25s ease}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,select:focus{outline:none;background-color:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.upload-panel{background-color:var(--input-bg);border:1px dashed #D6D3D1;text-align:center;transition:background-color .3s}.upload-panel h3{margin-bottom:.25rem}.upload-subtitle{color:var(--text-light);margin-bottom:1.5rem;font-size:.9rem}.file-upload-area{border:none;padding:1rem;cursor:pointer;background:transparent;display:block}.file-upload-area:hover,.file-upload-area.drag-over{background-color:#e7e5e4;border-radius:8px}.file-upload-content svg{width:50px;height:50px;opacity:.8}input[type=file]{display:none}.uploaded-files-list{list-style:none;margin-top:1.5rem;max-height:120px;overflow-y:auto;padding:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px}.uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.85rem}.uploaded-file-item:last-child{border-bottom:none}.uploaded-file-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem;font-weight:500}.uploaded-file-item button{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.25rem;line-height:1;transition:color .2s}.uploaded-file-item button:hover{color:var(--danger-color)}.action-button{width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px #de5d3633}.action-button:disabled{background:#d6d3d1;color:#78716c;cursor:not-allowed}.error-message{color:var(--danger-color);margin-top:1rem;text-align:center;font-size:.85rem;font-weight:500}.results-panel{padding:0;animation:fadeIn .4s ease-out;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background-color:#fafafa}.results-header h2{margin:0}.download-button{padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-main);border-radius:6px;cursor:pointer;transition:all .2s ease}.download-button:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--primary-light);color:var(--primary-color)}.download-button:disabled{background-color:var(--input-bg);color:var(--text-light);cursor:not-allowed;border-color:var(--border-color)}.download-button+.download-button{margin-left:.75rem}.view-tabs{display:flex;gap:1.5rem;padding:0 2rem;background-color:#fafafa;border-bottom:1px solid var(--border-color)}.tab-button{padding:1rem 0;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;font-size:.95rem;font-weight:500;color:var(--text-light);margin-bottom:-1px;transition:all .2s ease}.tab-button:hover{color:var(--text-main)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.tab-content{padding:2rem}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;background:var(--surface-color)}th,td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:.9rem}thead{background-color:var(--input-bg)}th{font-weight:600;color:var(--text-main);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color .15s ease-in-out}tbody tr:hover{background-color:#fafafa}.status-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-weight:500;font-size:.75rem;text-transform:capitalize;white-space:nowrap;border:1px solid transparent}.pill-type-sale{color:#065f46;background-color:#d1fae5;border-color:#a7f3d0}.pill-type-expense{color:#3f3f46;background-color:#f4f4f5;border-color:#e4e4e7}.pill-type-credit-note{color:#9a3412;background-color:#ffedd5;border-color:#fdba74}.pill-status-within{color:#065f46;background-color:#d1fae5;border-color:#a7f3d0}.pill-status-outside{color:#9a3412;background-color:#ffedd5;border-color:#fdba74}.summary-section h2{font-size:1.5rem;margin-bottom:2rem}.summary-section h3{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-top:2rem;margin-bottom:1.25rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.summary-card{background-color:var(--input-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column}.summary-card.grand-total{background:var(--text-main);color:#fff;border-color:var(--text-main)}.summary-card.grand-total h4,.summary-card.grand-total p,.summary-card.grand-total .value{color:#fff;border-color:#44403c}.summary-card h4{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.summary-card .value{font-size:1.85rem;font-weight:600;font-family:monospace;letter-spacing:-1px}.card-vat-section{margin-bottom:1.25rem}.card-vat-section:last-child{margin-bottom:0}.card-vat-section p{margin:0 0 .25rem;font-size:.85rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.out-of-quarter-warning{display:flex;gap:1rem;align-items:flex-start;background-color:#fef3c7;color:#92400e;padding:1.25rem;border:1px solid #FDE68A;border-radius:8px;margin-bottom:2rem}.out-of-quarter-warning svg{flex-shrink:0;width:24px;height:24px}.out-of-quarter-warning strong{display:block;margin-bottom:.25rem;color:#78350f}.out-of-quarter-warning ul{list-style:disc inside;margin-top:.5rem;font-size:.9rem}.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:500px;text-align:center;color:var(--text-light);padding:2rem;background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.placeholder svg{width:48px;height:48px;margin-bottom:1.5rem;color:#a8a29e}.placeholder h3{font-size:1.2rem;color:var(--text-main);margin-bottom:.5rem;font-family:var(--font-family-heading)}.spinner{width:30px;height:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.spinner>div{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;display:inline-block;animation:pulse-dots 1.4s infinite ease-in-out both}.spinner div:nth-child(1){animation-delay:-.32s}.spinner div:nth-child(2){animation-delay:-.16s}.vat-return-download-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem}.vat-return-form-container{border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-color);overflow:hidden}.vat-return-header{padding:2rem;border-bottom:1px solid var(--border-color);background:var(--input-bg)}.vat-return-header h3{font-family:var(--font-family-heading);font-size:1.75rem;margin:0 0 .5rem;color:var(--text-main)}.vat-return-header p{color:var(--text-light);margin:.25rem 0;font-size:.95rem}.vat-return-section{padding:2rem}.vat-return-section h4{font-family:var(--font-family-heading);font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem;color:var(--text-main)}.vat-return-row{display:grid;grid-template-columns:1fr 160px 160px;gap:1.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);align-items:center}.vat-return-row:last-child{border-bottom:none}.vat-return-row.header-row{font-weight:600;color:var(--text-light);font-size:.85rem;background-color:var(--input-bg);border-radius:6px;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.vat-return-label{font-weight:500;color:var(--text-main)}.vat-return-amount{font-family:monospace;font-size:1.05rem;text-align:right;color:var(--text-main)}.net-payable-row{background-color:var(--primary-light);border-radius:8px;margin-top:1.5rem;font-weight:600;border:1px solid #FDBA74}.net-payable-row .vat-return-label{color:var(--primary-hover);font-size:1.1rem}.net-payable-row .vat-return-amount{font-size:1.25rem;color:var(--primary-hover)}footer{text-align:center;padding:2.5rem;color:var(--text-light);font-size:.9rem;border-top:1px solid var(--border-color);margin-top:2rem;background:var(--header-bg)}footer a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s}footer a:hover{color:var(--primary-hover);text-decoration:underline}