@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.invoice-preview-page{background:#e5e7eb;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.invoice-preview-page .action-bar{justify-content:space-between;width:100%;max-width:210mm;margin-bottom:20px;display:flex}.invoice-container{box-sizing:border-box;background:#e5e7eb;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto;display:flex;position:relative}.invoice-content{color:#000;box-sizing:border-box;background:#fff;flex-direction:column;flex:1;min-height:297mm;padding:15mm 15mm 12mm;font-family:StagSansLight,Arial,sans-serif;line-height:1.4;display:flex;box-shadow:0 10px 30px #0000001a}.invoice-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.invoice-logo{width:100px}.invoice-logo img{object-fit:contain;max-width:100%}.company-info{text-align:left;min-width:220px;padding-top:5px;font-size:12px}.company-info .company-name{color:#000;margin-bottom:2px;font-family:StagSansRegular,Arial,sans-serif}.company-info .info-row{color:#888;margin-bottom:2px}.company-info .info-row span{color:#000}.receiver-address{justify-content:flex-end;margin-bottom:30px;display:flex}.receiver-details{color:#000;text-align:left;width:220px;font-size:12px}.receiver-details .detail-row{color:#000;margin-bottom:2px}.invoice-title{color:#214073;margin-bottom:15px;font-family:StagSansRegular,Arial,sans-serif;font-size:24px}.meta-row{margin-bottom:15px;font-size:11px;display:flex}.meta-col{width:90px}.meta-col.due-date{width:110px}.meta-col.po-ref{width:130px}.meta-col.beneficiary{flex:1}.meta-label{color:#b0b0b0;margin-bottom:2px}.meta-val{color:#000}.thick-divider{border-bottom:2.5px solid #ccc;margin-bottom:0}.invoice-content table{border-collapse:collapse;width:100%;margin-bottom:0;font-size:11px}.invoice-content thead th{color:inherit;text-transform:uppercase;letter-spacing:normal;text-align:inherit;background:0 0;border-bottom:none;padding:0;font-size:11px;font-weight:400}.invoice-content tbody td{color:inherit;vertical-align:top;border-bottom:none;padding:0;font-size:11px}.invoice-content tbody tr:hover td{background:0 0}.items-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:11px}.items-table thead{color:#aeabab;background:#fff}.items-table thead tr{text-transform:uppercase}.items-table thead th{padding:10px 10px 2px;font-weight:400}.items-table thead th.bordered-bottom{border-bottom:1px solid #ccc}.items-table thead tr:last-child th{padding:2px 10px 12px}.items-table thead th.text-left{text-align:left}.items-table thead th.text-center{text-align:center}.items-table thead th.w-80{width:80px}.items-table thead th.w-70{width:70px}.items-table thead th.w-40{width:40px}.items-table tbody{color:#000}.items-table tbody td{vertical-align:middle;border-bottom:1px solid #ccc;padding:5px}.items-table tbody td.text-center{text-align:center}.items-table tr{page-break-inside:avoid}.val-faint{color:#000}.totals-container{justify-content:flex-end;margin-bottom:20px;display:flex}.invoice-content .totals-box{width:280px;font-size:12px}.invoice-content .totals-row{border-bottom:1px solid #ccc;justify-content:space-between;padding:12px 0;font-weight:400;display:flex;color:#000!important}.invoice-content .totals-row span:last-child{font-weight:400;color:#000!important}.invoice-content .totals-row.thick-bottom{border-bottom:2.5px solid #ccc}.invoice-content .totals-label{color:#b0b0b0!important}.amount-words{margin-bottom:4px;font-size:11px}.payment-comm{color:#000;margin-bottom:25px;font-size:11px}.bank-section{margin-bottom:40px}.bank-label{color:#b0b0b0;margin-bottom:8px;font-size:11px}.bank-table{border-collapse:collapse;border:1px solid #ccc;width:100%;font-size:10px}.bank-table thead{color:#000;background:#fff}.bank-table thead th{text-align:left;text-transform:uppercase;padding:10px;font-weight:700}.bank-table tbody{color:#000}.bank-table tbody td{vertical-align:top;border-top:1px solid #ccc;padding:10px}.bank-footer-text{color:#000;margin-top:12px;font-size:10px}.bank-footer-text .title{margin-bottom:15px}.invoice-footer{color:#000;page-break-inside:avoid;border-top:1px solid #ccc;justify-content:space-between;margin-top:auto;padding-top:10px;padding-bottom:10px;font-size:10px;line-height:1.4;display:flex;position:relative}.bank-section,.totals-container{page-break-inside:avoid}.disclaimer{text-align:left;page-break-inside:avoid;margin-top:0;font-size:11px}.footer-col-1{width:160px}.footer-col-1 div{margin:2px 0}.footer-col-2{flex:1;padding-left:10px}.footer-col-2 div{margin:2px 0}.footer-col-3{justify-content:space-between;width:180px;display:flex}.footer-tagline{padding-right:10px}.footer-tagline div{margin:2px 0}.page-number{color:#fff;background:#7a899c;justify-content:center;align-items:center;width:20px;height:24px;font-weight:700;display:flex}@media print{@page{margin:5mm;size:auto}body{margin:0;padding:0;background:#fff!important}.invoice-preview-page{background:#fff!important;min-height:0!important;padding:0!important;display:block!important}.action-bar,.Toastify,button,.btn,.spinner{display:none!important}.invoice-container{width:210mm;min-height:297mm;box-shadow:none!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:0!important;position:static!important}.invoice-content{width:100%!important;box-shadow:none!important;padding:15mm 15mm 12mm!important}}@font-face{font-family:StagSansLight;src:url(/assets/StagSansLight-xcoyUZVd.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:StagSansRegular;src:url(/assets/StagSansRegular-W1vxgZx3.ttf)format("truetype");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--bg2:#13161d;--bg3:#1a1e28;--border:#252a38;--border2:#2f3548;--accent:#3b82f6;--accent2:#60a5fa;--accent-glow:#3b82f626;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text:#e8eaf0;--text2:#8b93a8;--text3:#5a6278;--radius:10px;--radius-lg:14px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 40px #0009}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}#root{min-height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;width:240px;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-brand-icon{background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.sidebar-brand-text{color:var(--text);font-size:14px;font-weight:600}.sidebar-brand-sub{color:var(--text3);margin-top:1px;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar-section{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;padding:12px 8px 6px;font-size:10px;font-weight:600}.nav-link{color:var(--text2);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{background:var(--bg3);color:var(--text)}.nav-link.active{background:var(--accent-glow);color:var(--accent2)}.nav-link svg{flex-shrink:0;width:16px;height:16px}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 32px 0;display:flex}.page-title{color:var(--text);font-size:22px;font-weight:700}.page-subtitle{color:var(--text2);margin-top:2px;font-size:13px}.page-body{flex:1;padding:24px 32px 40px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card-sm{padding:16px}.card+.card{margin-top:16px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{background:var(--border)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ef44444d}.btn-danger:hover{background:#ef44441a}.btn-ghost{color:var(--text2);background:0 0;border:none}.btn-ghost:hover{color:var(--text);background:var(--bg3)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-icon{padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:8px;width:100%;padding:10px 13px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input.error{border-color:var(--danger)}.form-input::placeholder{color:var(--text3)}.form-select option{background:var(--bg3)}.form-textarea{resize:vertical;min-height:80px}.form-grid{gap:16px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.input-hint{color:var(--text3);margin-top:2px;font-size:12px}.input-error{color:var(--danger);margin-top:2px;font-size:12px}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg3);color:var(--text2);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);padding:11px 14px;font-size:11.5px;font-weight:600}tbody td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 14px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff05}.badge{border-radius:100px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-blue{color:#93c5fd;background:#3b82f626}.badge-green{color:#6ee7b7;background:#10b98126}.badge-yellow{color:#fcd34d;background:#f59e0b26}.badge-red{color:#fca5a5;background:#ef444426}.badge-gray{background:var(--bg3);color:var(--text2)}.empty-state{text-align:center;color:var(--text2);padding:60px 20px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{font-size:13.5px}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{box-shadow:var(--shadow);border-radius:10px;max-width:360px;padding:12px 18px;font-size:13.5px;font-weight:500;animation:.2s slideIn}.toast-success{color:#6ee7b7;background:#065f46;border:1px solid #10b981}.toast-error{color:#fca5a5;background:#7f1d1d;border:1px solid #ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.gate-bg{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gate-bg:before{content:"";background:radial-gradient(60% 60% at 50% 0,#3b82f61f,#0000);position:absolute;inset:0}.gate-card{background:var(--bg2);border:1px solid var(--border);width:380px;box-shadow:var(--shadow-lg);z-index:1;border-radius:20px;padding:40px;position:relative}.gate-logo{text-align:center;margin-bottom:28px}.gate-logo-icon{background:linear-gradient(135deg, var(--accent), #7c3aed);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:26px;display:inline-flex}.gate-title{font-size:20px;font-weight:700}.gate-sub{color:var(--text2);margin-top:4px;font-size:13px}.line-items-table{border-collapse:collapse;width:100%}.line-items-table th{background:var(--bg3);color:var(--text2);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--border);padding:10px;font-size:11px;font-weight:600}.line-items-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px}.line-items-table td .form-input{padding:8px 10px;font-size:13.5px}.totals-box{max-width:380px;margin-left:auto}.totals-row{color:#fff;border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.totals-row:last-child{border-bottom:none}.totals-row.total{color:var(--text);font-size:16px;font-weight:700}.totals-row span:last-child{color:#fff;font-weight:500}.totals-row.total span:last-child{color:var(--accent2);font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{color:var(--text2);margin-bottom:8px;font-size:12px;font-weight:500}.stat-value{color:var(--text);font-size:24px;font-weight:700}.stat-sub{color:var(--text3);margin-top:4px;font-size:12px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding:28px}.modal-title{margin-bottom:20px;font-size:17px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.search-bar{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-bar svg{color:var(--text3);flex-shrink:0;width:15px;height:15px}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-size:14px}.search-bar input::placeholder{color:var(--text3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-right{text-align:right}.text-sm{font-size:13px}.text-xs{font-size:11.5px}.text-muted{color:var(--text2)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-bold{font-weight:700}.font-medium{font-weight:500}.w-full{width:100%}.spinner{border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.input-sm{background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:6px;width:100%;padding:6px 10px;font-size:13px}.label-sm{color:var(--text3);text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:600}