@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;--bg-main:#0b0f19;--bg-card:#111827b3;--bg-input:#1f293799;--border-color:#ffffff14;--primary:#3b82f6;--primary-glow:#3b82f659;--secondary:#8b5cf6;--gradient-accent:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-glow:linear-gradient(135deg, #3b82f633, #8b5cf633);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--success:#10b981;--error:#ef4444;--warning:#f59e0b;background-color:#0b0f19;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s}body{background:radial-gradient(circle at 50% 0%, #1e1b4b 0%, var(--bg-main) 70%);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e}.btn-primary{background:var(--gradient-accent);color:#fff;cursor:pointer;box-shadow:0 4px 14px 0 var(--primary-glow);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .1s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.form-group{width:100%;margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}:root{--win-face:#f0f0f0;--win-body:#ececec;--win-hilite:#fff;--win-shadow-light:gray;--win-shadow-dark:#404040;--win-text:#000;--win-text-disabled:gray;--win-blue:#0a246a;--win-blue-light:#a6caf0;--win-accent:#316ac5;--win-desktop:teal;--error:#c00;--success:green}*{box-sizing:border-box;color:var(--win-text);font-family:Tahoma,Arial,Geneva,sans-serif;font-size:12px}body{background-color:var(--win-desktop);height:100vh;margin:0;padding:0;overflow-x:hidden}.win-app-wrapper{flex-direction:column;min-height:100vh;display:flex}.win-desktop{flex-grow:1;justify-content:center;align-items:center;padding:20px;display:flex}.win-header-bar{background-color:var(--win-face);border-bottom:2px solid var(--win-shadow-light);box-shadow:inset 1px 1px 0px var(--win-hilite);z-index:50;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.win-brand{align-items:center;gap:6px;font-size:13px;display:flex}.brand-icon{font-size:16px}.win-user-badge{align-items:center;gap:15px;display:flex}.win-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000!important;box-sizing:border-box!important;background-color:#0000008c!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:15px!important;display:flex!important;position:fixed!important;inset:0!important}.win-dialog{background-color:var(--win-face);border:2px solid;border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite);box-shadow:4px 4px 15px #0006, inset 1px 1px 0px var(--win-hilite), inset -1px -1px 0px var(--win-shadow-light);max-height:90vh;padding:2px;overflow-y:auto;margin:auto!important}.win-titlebar{background:linear-gradient(90deg, var(--win-blue), var(--win-blue-light));justify-content:space-between;align-items:center;padding:3px 6px;display:flex}.titlebar-text{color:var(--win-hilite);letter-spacing:.5px;font-size:12px;font-weight:700}.titlebar-close{cursor:pointer;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:9px;font-weight:700;display:flex}.win-dialog-content{background-color:var(--win-body);border:1px solid var(--win-shadow-light);margin-top:2px;padding:16px}.win-btn{background-color:var(--win-face);border:2px solid;border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite);box-shadow:inset 1px 1px 0px var(--win-hilite);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:6px;min-width:75px;padding:4px 14px;font-weight:400;display:inline-flex}.win-btn:active,.win-btn.active{border-color:var(--win-shadow-dark) var(--win-hilite) var(--win-hilite) var(--win-shadow-dark);box-shadow:inset -1px -1px 0px var(--win-hilite), inset 1px 1px 0px var(--win-shadow-light);padding:5px 13px 3px 15px}.win-btn.default{border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite);outline:1px solid var(--win-text);font-weight:700}.win-btn:disabled,.win-btn[disabled]{text-shadow:1px 1px 0px var(--win-hilite);opacity:.65;color:var(--win-text-disabled)!important;cursor:not-allowed!important;outline:none!important}.win-btn:disabled:active,.win-btn[disabled]:active{border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite)!important;box-shadow:inset 1px 1px 0px var(--win-hilite)!important;padding:4px 14px!important}.win-btn-action{background-color:var(--win-face);border:1.5px solid;border-color:var(--win-hilite) var(--win-shadow-light) var(--win-shadow-light) var(--win-hilite);cursor:pointer;padding:2px 8px}.win-btn-action:active{border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light)}.win-btn.small-btn{min-width:50px;padding:2px 6px;font-size:11px}.win-btn-link{color:var(--win-blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.win-btn-link:hover{color:var(--win-accent)}.win-input,.win-textarea,.win-select{background-color:var(--win-hilite);border:2px solid;border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light);outline:none;width:100%;padding:3px 5px}.win-input:focus,.win-textarea:focus,.win-select:focus{border-color:var(--win-text) var(--win-face) var(--win-face) var(--win-text);box-shadow:0 0 0 1px gray;background-color:#e2dfd8!important}.win-input:disabled{color:var(--win-shadow-light);background-color:#d4d0c8}.win-tab-panel,.win-desktop-form,.add-consignment-panel{background-color:#c8c4bc!important}.portal-buttons-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.role-btn{flex-direction:column;height:120px;padding:24px 10px}.btn-icon{margin-bottom:8px;font-size:32px}.win-desktop-form{background-color:var(--win-face);border:1px solid var(--win-shadow-light);box-shadow:inset 1px 1px 0px var(--win-hilite);padding:16px}.win-form-group{margin-bottom:12px}.win-label{margin-bottom:4px;font-weight:700;display:block}.form-row{gap:15px;margin-bottom:10px;display:flex}.form-col{flex-direction:column;flex:1;display:flex}.form-col.flex-2{flex:2}.checkbox-col{justify-content:center;height:100%;padding-top:18px}.checkbox-label{cursor:pointer;align-items:center;gap:6px;font-weight:700;display:flex}.checkbox-label input{margin:0}.win-group-box{border:2px solid;border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light);margin-top:15px;padding:15px;position:relative}.win-group-title{background-color:var(--win-face);padding:0 5px;font-weight:700;position:absolute;top:-8px;left:10px}.win-inline-form{background-color:var(--win-face);border:2px solid;border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light);flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:12px 16px;display:flex}.inline-field{flex-direction:column;gap:4px;display:flex}.inline-field label{font-weight:700}.win-app-layout{background-color:var(--win-desktop);flex-direction:column;flex-grow:1;padding:12px;display:flex}.win-tab-container{flex-direction:column;flex-grow:1;display:flex}.win-tabs{z-index:10;padding-left:6px;display:flex}.win-tab{background-color:var(--win-face);border:2px solid;border-color:var(--win-hilite) var(--win-shadow-dark) transparent var(--win-hilite);box-shadow:inset 1px 1px 0px var(--win-hilite);cursor:pointer;border-top-left-radius:4px;border-top-right-radius:4px;outline:none;margin-right:2px;padding:6px 16px;font-weight:700}.win-tab.active{background-color:var(--win-body);border-bottom-color:var(--win-body);z-index:12;margin-top:-2px;padding-top:8px;padding-bottom:7px}.win-tab-panel{background-color:var(--win-body);border:2px solid;border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite);box-shadow:inset 1px 1px 0px var(--win-hilite), inset -1px -1px 0px var(--win-shadow-light);z-index:8;flex-direction:column;flex-grow:1;min-height:500px;margin-top:-2px;padding:12px;display:flex}.win-subtabs{border-bottom:2px solid var(--win-shadow-light);gap:6px;margin-bottom:16px;padding-bottom:8px;display:flex}.win-subtab{background-color:var(--win-face);border:1px solid var(--win-shadow-light);cursor:pointer;padding:4px 12px}.win-subtab.active{background-color:var(--win-blue);color:var(--win-hilite);border-color:var(--win-blue);font-weight:700}.win-panel-body{background-color:var(--win-face);border:2px solid;border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light);flex-grow:1;padding:16px;box-shadow:inset 1px 1px #0000000d}.win-section-heading{border-bottom:2px solid var(--win-shadow-light);color:var(--win-blue);margin-top:0;margin-bottom:16px;padding-bottom:6px;font-size:14px;font-weight:700}.win-filter-bar{align-items:center;gap:10px;margin-bottom:12px;font-weight:700;display:flex}.filter-input{max-width:250px}.win-scroll-grid{border:2px solid;border-color:var(--win-shadow-light) var(--win-hilite) var(--win-hilite) var(--win-shadow-light);background-color:var(--win-hilite);width:100%;max-height:480px;overflow-y:auto}.win-table{border-collapse:collapse;text-align:left;width:100%}.win-table th{background-color:var(--win-face);border-bottom:2px solid var(--win-shadow-light);border-right:1px solid var(--win-shadow-light);z-index:5;padding:6px 8px;font-weight:700;position:sticky;top:0}.win-table td{border-bottom:1px solid #d4d0c8;border-right:1px solid #e0e0e0;padding:6px 8px;font-size:11px}.win-table tbody tr:nth-child(2n){background-color:#f7f7f7}.win-table tbody tr:hover{background-color:#e0ecf8}.win-badge-pill{border:1px solid;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:700}.buyer-pill{color:#1e3a8a;background-color:#e0f0ff;border-color:#3b82f6}.supplier-pill{color:#064e3b;background-color:#e6fffa;border-color:#10b981}.inactive-pill{color:#7f1d1d;background-color:#fee2e2;border-color:#ef4444}.cleared-pill{color:#065f46;background-color:#d1fae5;border-color:#10b981}.paid-pill{color:#78350f;background-color:#fef3c7;border-color:#f59e0b}.outstanding-pill{color:#7c2d12;background-color:#ffedd5;border-color:#f97316}.win-banner-success{color:#065f46;background-color:#d1fae5;border:1px solid #10b981;margin-bottom:15px;padding:8px 12px;font-weight:700}.win-banner-error{color:#7f1d1d;background-color:#fee2e2;border:1px solid #ef4444;margin-bottom:15px;padding:8px 12px;font-weight:700}.win-alert-error{border:1.5px solid var(--error);background-color:#fca5a5;margin-bottom:12px;padding:6px;font-weight:700}.typeahead-dropdown{border:1px solid var(--win-shadow-light);margin-top:1px;box-shadow:2px 2px 5px #0003}.typeahead-dropdown li{cursor:pointer;border-bottom:1px solid #ececec;padding:5px 8px}.typeahead-dropdown li:hover,.typeahead-dropdown li.active{background-color:var(--win-blue)!important;color:var(--win-hilite)!important}.typeahead-dropdown li:hover *,.typeahead-dropdown li.active *{color:var(--win-hilite)!important}.db-stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.db-stats-card{background-color:var(--win-face);border:2px solid;border-color:var(--win-hilite) var(--win-shadow-dark) var(--win-shadow-dark) var(--win-hilite);padding:15px}.db-stats-card h4{color:var(--win-blue);margin-top:0;margin-bottom:8px;font-size:13px;font-weight:700}.db-stats-val{margin-bottom:8px;font-size:20px;font-weight:700}.invoice-container{background-color:var(--win-body)}.invoice-sheet{box-sizing:border-box;max-width:800px;margin:0 auto;box-shadow:0 5px 15px #00000026;background-color:#fff!important;border:1px solid gray!important;padding:40px!important}.invoice-header{border-bottom:2px solid #000;justify-content:space-between;padding-bottom:15px;display:flex}.company-branding h2{color:#000;margin:0 0 5px;font-size:22px;font-weight:700}.company-branding p{margin:2px 0;font-size:11px}.invoice-meta-card{text-align:right}.invoice-meta-title{margin-bottom:10px;font-size:24px;font-weight:700}.win-meta-table{border-collapse:collapse;font-size:11px}.win-meta-table td{text-align:left;border:none;padding:3px 5px}.invoice-addresses{margin:25px 0}.address-box{background-color:#fafafa;border:1px solid #000;padding:12px;position:relative}.address-box-title{background-color:#fff;padding:0 5px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:10px}.address-box p{margin:4px 0;font-size:11px}.invoice-grid-table{border-collapse:collapse;width:100%;margin-top:10px}.invoice-grid-table th{text-align:left;background-color:#e5e5e5;border-top:1px solid #000;border-bottom:2px solid #000;padding:6px;font-weight:700}.invoice-grid-table td{border-bottom:1px solid #e5e5e5;padding:8px 6px;font-size:11px}.totals-table td{padding:6px 10px;font-weight:700}@media print{body{color:#000!important;background-color:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.win-modal-overlay,.win-modal-overlay *,.printable-balance-report,.printable-balance-report *,.printable-statement-sheet,.printable-statement-sheet *,.invoice-container,.invoice-container *{visibility:visible}.no-print,.win-header-bar,.win-tabs,.win-subtabs,.win-filter-bar,.win-user-badge,.win-brand,.invoice-actions,.modal-action-bar,.report-controls{visibility:hidden!important;display:none!important}.win-modal-overlay{z-index:99999!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.win-dialog,.printable-balance-report,.printable-statement-sheet{width:100%!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.win-dialog-content{color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.invoice-container{width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.invoice-sheet{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}@page{margin:8mm;size:A4 portrait}}