*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #06101F;--slate: #0C1A35;--panel: #091428;--cobalt: #2B7FE0;--cobalt-h:#1E69C8;--gold: #4A9FFF;--gold-h: #2B7FE0;--red: #EF4444;--green: #10B981;--text: #EEF2FF;--muted: #5B7BAF;--border: #1A2C5E;--radius: 8px}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--navy);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hidden{display:none!important}.app{display:flex;flex-direction:column;height:100vh}.body-row{display:flex;flex:1;min-height:0}.main-scroll{flex:1;overflow-y:auto;padding:1.25rem}.topbar{display:flex;align-items:center;gap:12px;background:var(--slate);border-bottom:1px solid var(--border);height:56px;padding:0 1.25rem;flex-shrink:0}.brand{display:flex;align-items:center}.brand-logo{background:#fff;border-radius:8px;padding:4px 10px;display:flex;align-items:center;justify-content:center;line-height:0}.brand-logo img{height:38px;width:auto;object-fit:contain;display:block}.login-logo-wrap{background:#fff;border-radius:16px;padding:20px 32px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;line-height:0;box-shadow:0 4px 24px #0000004d}.login-logo-wrap img{height:110px;width:auto;object-fit:contain;display:block}.role-badge{background:var(--cobalt);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.role-badge.customer{background:#0f6e56}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.btn-logout{background:transparent;border:.5px solid var(--border);color:var(--muted);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .15s}.btn-logout:hover{border-color:var(--red);color:var(--red)}.sidebar{width:188px;background:var(--panel);border-right:1px solid var(--border);padding:1rem 0;overflow-y:auto;flex-shrink:0}.nav-group{margin-bottom:1.5rem}.nav-label{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:0 1rem;margin-bottom:5px;display:block}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 1rem;font-size:13px;color:var(--muted);cursor:pointer;transition:all .12s;border-left:2px solid transparent}.nav-item:hover{background:var(--slate);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(43,127,224,.12) 0%,transparent 100%);color:var(--cobalt);border-left-color:var(--cobalt)}.nav-item i{font-size:15px}.card{background:var(--slate);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.card h3{font-size:13px;font-weight:500;color:var(--muted);margin-bottom:1rem;display:flex;align-items:center;gap:7px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:1rem}.metric{background:var(--panel);border-radius:10px;padding:14px;border:1px solid var(--border);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cobalt),var(--gold));opacity:.5}.metric-label{font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.3px}.metric-val{font-size:20px;font-weight:700}.metric-val.green{color:var(--green)}.metric-val.gold{color:var(--gold)}.metric-val.red{color:var(--red)}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-hdr h2{font-size:16px;font-weight:600;color:var(--text)}.table-wrap{overflow-x:auto}table.fl-table{width:100%;border-collapse:collapse;font-size:13px}.fl-table th{text-align:left;padding:8px 10px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.5px;text-transform:uppercase;background:#1b2c5e4d}.fl-table td{padding:9px 10px;border-bottom:.5px solid var(--border)}.fl-table tr:last-child td{border-bottom:none}.fl-table tr:hover td{background:#2b7fe00d}.status{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px}.status.paid{background:#064e3b;color:#6ee7b7}.status.pending{background:#451a03;color:#fcd34d}.status.overdue{background:#450a0a;color:#fca5a5}.status.draft{background:#2b4db340;color:#93c5fd;border:.5px solid rgba(43,127,224,.3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:var(--cobalt-h)}.btn-gold{background:var(--gold);color:#04080f}.btn-gold:hover{background:var(--gold-h);color:#fff}.btn-sm{padding:6px 12px;font-size:13px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:none;background:var(--cobalt);color:#fff;transition:all .15s}.btn-sm:hover{background:var(--cobalt-h)}.btn-sm.gold{background:var(--gold);color:#04080f;font-weight:600}.btn-sm.gold:hover{background:var(--gold-h);color:#fff}.btn-sm.green{background:#064e3b;color:#6ee7b7}.btn-sm.green:hover{background:#065f47}.btn-sm.danger{background:#7f1d1d;color:#fca5a5;border:.5px solid var(--red)}.btn-sm.danger:hover{background:#991b1b}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:var(--panel);border-color:var(--cobalt);color:var(--text)}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px;letter-spacing:.4px;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;padding:9px 11px;outline:none;transition:border-color .15s;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px #2b7fe026}.field select option{background:var(--panel)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--slate);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-hdr h3{font-size:15px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-body{padding:1.25rem}.modal-foot{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.alert-err{background:#450a0a;color:#fca5a5;border:.5px solid var(--red);border-radius:8px;padding:10px 13px;font-size:13px;margin-bottom:1rem}.alert-success{background:#064e3b;color:#6ee7b7;border:.5px solid var(--green);border-radius:8px;padding:10px 13px;font-size:13px;margin-bottom:1rem;display:flex;align-items:center;gap:7px}.recon-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;margin-bottom:7px;font-size:13px}.recon-match{background:#064e3b33;border:.5px solid rgba(16,185,129,.3)}.recon-unmatch{background:#2b7fe00f;border:.5px solid rgba(43,127,224,.2)}.ticker{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:10px;font-family:JetBrains Mono,monospace;font-size:11px;max-height:150px;overflow-y:auto}.ticker-row{display:flex;gap:10px;padding:3px 0;border-bottom:.5px solid rgba(255,255,255,.03);color:var(--muted)}.ticker-row:last-child{border:none}.tag{display:inline-block;background:#2b7fe01f;border:.5px solid rgba(43,127,224,.25);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--muted)}hr.div{border:none;border-top:1px solid var(--border);margin:1rem 0}.login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(ellipse at 50% 0%,rgba(27,42,107,.4) 0%,var(--navy) 70%)}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.login-card{background:var(--slate);border:1px solid var(--border);border-radius:14px;padding:2rem;width:100%;max-width:380px;box-shadow:0 20px 60px #0006}.login-card h2{font-size:14px;font-weight:400;color:var(--muted);text-align:center;margin-bottom:1.5rem}.login-hint{margin-top:1.25rem;font-size:11px;color:var(--muted);text-align:center;line-height:1.8}.login-hint code{background:var(--panel);padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace}.inv-line{display:flex;gap:7px;align-items:center;margin-bottom:7px}.inv-line input{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;padding:7px 9px;outline:none;transition:border-color .15s}.inv-line input:focus{border-color:var(--cobalt)}.inv-line .desc{flex:2}.inv-line .qty{width:64px}.inv-line .price{width:96px}.inv-line .ltot{min-width:88px;text-align:right;font-size:13px;color:var(--muted)}.inv-line .rm{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1}.inv-line .rm:hover{color:var(--red)}.totals-box{background:var(--panel);border-radius:7px;padding:10px 12px;margin-top:8px;border:1px solid var(--border)}.totals-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--muted)}.totals-row.total{color:var(--text);font-weight:700;font-size:15px;border-top:1px solid var(--border);margin-top:5px;padding-top:7px}.status.sent{background:#2b4db340;color:#93c5fd;border:.5px solid rgba(43,127,224,.3)}.status.accepted{background:#064e3b;color:#6ee7b7}.status.declined{background:#450a0a;color:#fca5a5}.status.converted{background:#4a9fff26;color:#93c5fd;border:.5px solid rgba(74,159,255,.3)}.status.unpaid{background:#451a03;color:#fcd34d}.status.disputed{background:#431407;color:#fdba74}.status.received{background:#064e3b;color:#6ee7b7}.status.cancelled{background:#1c1917;color:#a8a29e}.status.refundable{background:#064e3b;color:#6ee7b7}.status.payable{background:#450a0a;color:#fca5a5}.fl-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:1rem}.fl-tab{padding:8px 16px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s;border-radius:6px 6px 0 0}.fl-tab:hover{color:var(--text);background:#2b7fe00f}.fl-tab.active{color:var(--cobalt);border-bottom-color:var(--cobalt);background:#2b7fe014}.login-submit{width:100%;margin-top:10px;justify-content:center;font-size:15px;padding:12px 20px;border-radius:10px;letter-spacing:.2px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.hamburger{display:none;background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px 6px;border-radius:6px;line-height:1;flex-shrink:0}.hamburger:hover{color:var(--text)}.topbar-username{font-size:13px;color:var(--muted)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.theme-toggle{background:transparent;border:.5px solid var(--border);color:var(--muted);border-radius:6px;padding:5px 9px;font-size:15px;cursor:pointer;transition:all .15s;display:flex;align-items:center;line-height:1}.theme-toggle:hover{border-color:var(--cobalt);color:var(--cobalt)}[data-theme=light]{--navy: #F0F4FB;--slate: #FFFFFF;--panel: #E8EEF8;--cobalt: #2B7FE0;--cobalt-h:#1E69C8;--gold: #1B2A6B;--gold-h: #2B4DB3;--border: #C5D3E8;--muted: #6882A8;--text: #0D1830;--red: #DC2626;--green: #059669;--radius: 8px}[data-theme=light] body{background:var(--navy);color:var(--text)}[data-theme=light] .fl-table th{background:#1b2a6b12}[data-theme=light] .fl-table tr:hover td{background:#2b7fe00f}[data-theme=light] .status.paid{background:#d1fae5;color:#065f46}[data-theme=light] .status.pending{background:#fef3c7;color:#92400e}[data-theme=light] .status.overdue{background:#fee2e2;color:#991b1b}[data-theme=light] .status.draft,[data-theme=light] .status.sent{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}[data-theme=light] .status.accepted{background:#d1fae5;color:#065f46}[data-theme=light] .status.declined{background:#fee2e2;color:#991b1b}[data-theme=light] .status.converted{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}[data-theme=light] .status.unpaid{background:#fef3c7;color:#92400e}[data-theme=light] .status.disputed{background:#ffedd5;color:#9a3412}[data-theme=light] .status.received{background:#d1fae5;color:#065f46}[data-theme=light] .status.cancelled{background:#f3f4f6;color:#6b7280}[data-theme=light] .status.payable{background:#fee2e2;color:#991b1b}[data-theme=light] .alert-err{background:#fee2e2;color:#991b1b;border-color:#fca5a5}[data-theme=light] .alert-success{background:#d1fae5;color:#065f46;border-color:#6ee7b7}[data-theme=light] .recon-match{background:#05966914;border-color:#0596694d}[data-theme=light] .recon-unmatch{background:#2b7fe00f;border-color:#2b7fe033}[data-theme=light] .ticker-row{border-bottom-color:#0000000d}[data-theme=light] .modal{box-shadow:0 20px 60px #00000026}[data-theme=light] .login-wrap{background:radial-gradient(ellipse at 50% 0%,rgba(43,127,224,.12) 0%,var(--navy) 70%)}[data-theme=light] .login-card{box-shadow:0 20px 60px #0000001a}[data-theme=light] .btn-sm.gold,[data-theme=light] .btn-sm.gold:hover{color:#fff}[data-theme=light] .btn-sm.green{background:#d1fae5;color:#065f46}[data-theme=light] .btn-sm.danger{background:#fee2e2;color:#991b1b;border-color:#fca5a5}[data-theme=light] .metric:before{opacity:.7}[data-theme=light] .nav-item:hover{background:var(--panel)}@media (hover: none){*{-webkit-tap-highlight-color:rgba(43,127,224,.18)}.btn-sm{min-height:40px}.btn,.nav-item{min-height:44px}.fl-tab{min-height:40px}}@media (max-width: 768px){.hamburger{display:flex;align-items:center}.topbar{height:52px;padding:0 .75rem;gap:6px}.brand-logo img{height:28px}.role-badge,.topbar-username,.btn-logout-text{display:none}.btn-logout{padding:6px 10px}.theme-toggle{padding:5px 8px;font-size:14px}.org-selector>i{display:none!important}.org-selector{margin-left:4px!important}.org-selector select{min-width:0!important;max-width:120px;font-size:11px!important;padding:3px 6px!important}.sidebar{position:fixed;top:52px;left:0;bottom:0;z-index:160;width:240px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 28px #00000073;padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto}.sidebar.open{transform:translate(0)}.nav-overlay{display:block}.nav-item{padding:10px 1rem;font-size:14px}.nav-item i{font-size:17px}.body-row{flex-direction:column}.main-scroll{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.card{padding:.875rem;border-radius:10px}.card h3{font-size:12px;margin-bottom:.75rem}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:.75rem}.metric{padding:10px 12px}.metric-label{font-size:10px}.metric-val{font-size:18px}.section-hdr{flex-wrap:wrap;gap:8px;margin-bottom:.75rem}.section-hdr h2{font-size:15px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,transparent,transparent) local,linear-gradient(to right,var(--border),transparent 20px) scroll}.fl-table{font-size:12px;min-width:520px}.fl-table th,.fl-table td{padding:8px;white-space:nowrap}.fl-table .btn-sm{padding:5px 7px;font-size:11px;gap:2px;min-height:32px}.form-grid,.form-grid3{grid-template-columns:1fr}.field input,.field select,.field textarea{font-size:16px}.inv-line{flex-wrap:wrap;gap:6px}.inv-line .desc{flex:1 1 100%}.inv-line .qty{width:72px}.inv-line .price{width:100px}.inv-line .ltot{min-width:72px;font-size:12px}.overlay{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-hdr{padding:.875rem 1rem}.modal-body{padding:1rem}.modal-foot{padding:.875rem 1rem;flex-wrap:wrap}.fl-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:1px;scrollbar-width:none}.fl-tabs::-webkit-scrollbar{display:none}.fl-tab{white-space:nowrap;padding:8px 12px;font-size:12px}.recon-row{flex-wrap:wrap;row-gap:6px;padding:10px}.recon-row>select{width:100%;margin-top:2px}.login-wrap{padding:1rem}.login-card{padding:1.5rem 1.125rem;border-radius:12px}.login-logo-wrap{padding:14px 24px;border-radius:12px;margin-bottom:1.5rem}.login-logo-wrap img{height:80px}.alert-err,.alert-success{font-size:12px;padding:9px 11px}}@media (max-width: 480px){.metrics{grid-template-columns:1fr}.topbar-right{gap:4px}.brand-logo img{height:26px}.section-hdr h2{font-size:14px}.org-selector select{max-width:100px;font-size:10px!important}.modal{max-height:96vh}.fl-table th:nth-child(n+6),.fl-table td:nth-child(n+6){display:none}}