@import"https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&family=Open+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg-primary: var(--bg);--bg-secondary: var(--bg-2);--text-primary: var(--text);--text-muted: var(--text-3);--role-admin: #a78bfa;--role-mgmt: #34d399;--role-approve: #60a5fa;--flag-red: #f87171;--flag-amber: #fbbf24}.admin-panel{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;background:var(--bg-primary, #0f1117);color:var(--text-primary, #e2e8f0);font-family:DM Mono,monospace}.admin-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border, #1e2a3a);background:var(--bg-secondary, #161b27)}.back-btn{background:none;border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.8rem;transition:color .15s,border-color .15s}.back-btn:hover{color:var(--text-primary, #e2e8f0);border-color:var(--text-muted, #64748b)}.admin-title{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin:0;flex:1}.admin-meta{font-size:.75rem;color:var(--text-muted, #64748b)}.admin-error{background:#f871711f;border:1px solid var(--flag-red);color:var(--flag-red);padding:.6rem 1rem;margin:.75rem 1.5rem 0;border-radius:4px;font-size:.8rem;cursor:pointer;display:flex;justify-content:space-between}.dismiss{opacity:.6}.admin-body{display:flex;flex:1;min-height:0;overflow:hidden}.user-list-panel{width:420px;min-width:320px;min-height:0;border-right:1px solid var(--border, #1e2a3a);display:flex;flex-direction:column;background:var(--bg-secondary, #161b27)}.user-list-toolbar{padding:.75rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid var(--border, #1e2a3a)}.user-search{flex:1;background:var(--bg-primary, #0f1117);border:1px solid var(--border, #1e2a3a);color:var(--text-primary, #e2e8f0);padding:.4rem .6rem;border-radius:4px;font-family:inherit;font-size:.8rem}.user-search:focus{outline:none;border-color:var(--accent, #3b82f6)}.role-filter{background:var(--bg-primary, #0f1117);border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.4rem .5rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer}.add-user-btn{background:var(--accent, #3b82f6);border:none;color:#fff;padding:.4rem .75rem;border-radius:4px;font-family:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .15s}.add-user-btn:hover{background:#2563eb}.user-list-headers{display:grid;grid-template-columns:1.4fr 1.6fr 1fr .7fr;padding:.4rem 1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #64748b);border-bottom:1px solid var(--border, #1e2a3a)}.user-list-scroll{flex:1;overflow-y:auto}.user-row{display:grid;grid-template-columns:1.4fr 1.6fr 1fr .7fr;padding:.6rem 1rem;border-bottom:1px solid rgba(17,17,17,.06);cursor:pointer;transition:background .1s;align-items:center}.user-row:hover{background:var(--bg-3)}.user-row.selected{background:#3b82f61a;border-left:2px solid var(--accent, #3b82f6)}.user-row.inactive{opacity:.45}.user-row-name{font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-name{color:var(--text-muted, #64748b)}.inactive-badge{font-size:.6rem;background:#f8717126;color:var(--flag-red);padding:.1rem .3rem;border-radius:3px;flex-shrink:0}.user-row-email{font-size:.72rem;color:var(--text-muted, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row-role{font-size:.75rem;font-weight:600}.user-row-classes{font-size:.72rem;color:var(--text-muted, #64748b)}.all-classes-badge{font-size:.65rem;background:#a78bfa26;color:var(--role-admin);padding:.15rem .35rem;border-radius:3px}.user-list-footer{padding:.5rem 1rem;font-size:.7rem;color:var(--text-muted, #64748b);border-top:1px solid var(--border, #1e2a3a)}.list-loading,.list-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted, #64748b);font-size:.82rem}.user-editor-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:1.5rem}.editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);font-size:.85rem}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.editor-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.deactivate-btn{background:none;border:1px solid var(--flag-red);color:var(--flag-red);padding:.3rem .7rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:background .15s}.deactivate-btn:hover:not(:disabled){background:#f871711a}.deactivate-btn:disabled{opacity:.4;cursor:default}.reactivate-btn{background:none;border:1px solid var(--role-mgmt);color:var(--role-mgmt);padding:.3rem .7rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer}.editor-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.field-row{display:flex;flex-direction:column;gap:.35rem}.field-row label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #64748b)}.field-input{background:var(--bg-secondary, #161b27);border:1px solid var(--border, #1e2a3a);color:var(--text-primary, #e2e8f0);padding:.5rem .7rem;border-radius:4px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.field-input:focus{outline:none;border-color:var(--accent, #3b82f6)}.field-input:disabled{opacity:.5;cursor:default}.field-note{font-size:.68rem;color:var(--text-muted, #64748b)}.role-selector{display:flex;gap:.5rem}.role-btn{flex:1;padding:.5rem;border-radius:4px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent}.role-btn-admin{background:#a78bfa14;color:var(--role-admin);border-color:#a78bfa33}.role-btn-admin.active{background:#a78bfa38;border-color:var(--role-admin)}.role-btn-management{background:#34d39914;color:var(--role-mgmt);border-color:#34d39933}.role-btn-management.active{background:#34d39938;border-color:var(--role-mgmt)}.role-btn-regional{background:#fbbf2414;color:var(--role-regional, #d69e2e);border-color:#fbbf2438}.role-btn-regional.active{background:#fbbf2438;border-color:var(--role-regional, #d69e2e)}.role-btn-approve{background:#60a5fa14;color:var(--role-approve);border-color:#60a5fa33}.role-btn-approve.active{background:#60a5fa38;border-color:var(--role-approve)}.editor-classes{border:1px solid var(--border, #1e2a3a);border-radius:6px;overflow:visible;max-height:none;margin-bottom:1.5rem}.classes-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-height:none;overflow:visible}.classes-company-group{min-width:0}.classes-company-group+.classes-company-group{border-left:1px solid var(--border, #1e2a3a)}.classes-company-group .admin-section-title{margin:0;padding:.6rem .9rem 0}.classes-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--bg-secondary, #161b27);border-bottom:1px solid var(--border, #1e2a3a)}.classes-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #64748b)}.classes-note{font-size:.7rem;color:var(--role-admin)}.class-checklist{padding:.75rem}.checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.toggle-all-btn{background:none;border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.25rem .6rem;border-radius:3px;font-family:inherit;font-size:.72rem;cursor:pointer;transition:all .1s}.toggle-all-btn:hover:not(:disabled){border-color:var(--accent, #3b82f6);color:var(--text-primary, #e2e8f0)}.toggle-all-btn.active{border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6)}.toggle-all-btn:disabled{opacity:.4;cursor:default}.selected-count{font-size:.72rem;color:var(--text-muted, #64748b)}.checklist-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.checklist-group{display:flex;flex-direction:column;gap:.2rem}.group-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;cursor:pointer;padding:.2rem .3rem;border-radius:3px;transition:background .1s;-webkit-user-select:none;user-select:none}.group-label:hover:not(.disabled){background:var(--bg-3)}.group-label.disabled{cursor:default}.group-check{font-size:.9rem;width:1rem;text-align:center}.group-check.on{color:var(--accent, #3b82f6)}.group-check.partial{color:var(--flag-amber)}.checklist-items{padding-left:1.2rem;display:flex;flex-direction:column;gap:.15rem}.class-item{display:flex;align-items:center;gap:.35rem;font-size:.73rem;color:var(--text-muted, #64748b);cursor:pointer;padding:.15rem .3rem;border-radius:3px;transition:color .1s,background .1s;-webkit-user-select:none;user-select:none}.class-item:hover:not(.disabled){color:var(--text-primary, #e2e8f0);background:var(--bg-3)}.class-item.disabled{cursor:default}.item-check{font-size:.8rem;width:.9rem;text-align:center}.item-check.on{color:var(--accent, #3b82f6)}.editor-actions{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border, #1e2a3a)}.save-msg{font-size:.78rem;color:var(--role-mgmt);margin-right:auto}.cancel-btn{background:none;border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.45rem 1rem;border-radius:4px;font-family:inherit;font-size:.82rem;cursor:pointer}.cancel-btn:hover{border-color:var(--text-muted, #64748b)}.save-btn{background:var(--accent, #3b82f6);border:none;color:#fff;padding:.45rem 1.25rem;border-radius:4px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.save-btn:hover:not(:disabled){background:#2563eb}.save-btn:disabled{opacity:.4;cursor:default}.flag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.flag-modal{background:var(--bg-secondary, #161b27);border:1px solid var(--border, #1e2a3a);border-radius:8px;width:420px;max-width:calc(100vw - 2rem);display:flex;flex-direction:column}.flag-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #1e2a3a)}.flag-icon{font-size:1rem;color:var(--flag-amber)}.flag-header h3{margin:0;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;flex:1}.flag-close{background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;font-size:.9rem;padding:.2rem}.flag-close:hover{color:var(--text-primary, #e2e8f0)}.flag-invoice-info{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;background:var(--bg-3);border-bottom:1px solid var(--border, #1e2a3a);font-size:.82rem}.flag-vendor{font-weight:600;flex:1}.flag-amount{color:var(--role-mgmt);font-weight:600}.flag-num{color:var(--text-muted, #64748b);font-size:.75rem}.flag-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.flag-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #64748b)}.flag-label-sub{text-transform:none;letter-spacing:0}.flag-reasons{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.reason-btn{background:var(--bg-3);border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.35rem .7rem;border-radius:4px;font-family:inherit;font-size:.78rem;cursor:pointer;transition:all .1s}.reason-btn:hover{border-color:var(--flag-amber);color:var(--text-primary, #e2e8f0)}.reason-btn.active{background:#fbbf241f;border-color:var(--flag-amber);color:var(--flag-amber)}.flag-note{background:var(--bg-primary, #0f1117);border:1px solid var(--border, #1e2a3a);color:var(--text-primary, #e2e8f0);padding:.5rem .7rem;border-radius:4px;font-family:inherit;font-size:.82rem;resize:vertical;margin-top:.25rem}.flag-note:focus{outline:none;border-color:var(--flag-amber)}.flag-error{font-size:.75rem;color:var(--flag-red);background:#f8717114;padding:.4rem .6rem;border-radius:4px}.flag-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid var(--border, #1e2a3a)}.flag-cancel-btn{background:none;border:1px solid var(--border, #1e2a3a);color:var(--text-muted, #64748b);padding:.45rem 1rem;border-radius:4px;font-family:inherit;font-size:.82rem;cursor:pointer}.flag-submit-btn{background:var(--flag-amber);border:none;color:#0f1117;padding:.45rem 1.25rem;border-radius:4px;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s}.flag-submit-btn:disabled{opacity:.4;cursor:default}.flag-submit-btn:hover:not(:disabled){opacity:.85}.invoice-row.flagged{border-left:3px solid var(--flag-amber)!important;background:#fbbf240a!important}.flagged-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;background:#fbbf2426;color:var(--flag-amber);padding:.15rem .4rem;border-radius:3px;font-weight:700;letter-spacing:.05em}.flag-invoice-btn{background:none;border:1px solid rgba(251,191,36,.3);color:var(--flag-amber);padding:.35rem .7rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s}.flag-invoice-btn:hover{background:#fbbf2414;border-color:var(--flag-amber)}.admin-nav-btn{background:none;border:1px solid rgba(167,139,250,.3);color:var(--role-admin);padding:.3rem .65rem;border-radius:4px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .15s}.admin-nav-btn:hover{background:#a78bfa14;border-color:var(--role-admin)}.admin-vendor-sync{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 24px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}.admin-section-title{font-size:12px;margin:0 0 2px}.admin-section-desc{font-size:11px;color:var(--text-3);margin:0;max-width:520px;line-height:1.35}.admin-save-msg{margin-top:6px;font-size:11px;color:var(--green-dim)}.admin-save-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:5px;padding:6px 10px;font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-save-btn:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.admin-save-btn:disabled{opacity:.6;cursor:default}.admin-jobs-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font-family:inherit;text-align:left}.admin-jobs-chevron{display:inline-block;font-size:10px;color:var(--text-muted, #64748b);transition:transform .15s}.admin-jobs-chevron.open{transform:rotate(90deg)}.admin-jobs-scroll{max-height:320px;overflow:auto;border:1px solid var(--border, #1e2a3a);border-radius:4px;scrollbar-gutter:stable both-edges}.admin-jobs-scroll table{width:100%;border-collapse:collapse;min-width:540px}.admin-jobs-scroll td:last-child{padding-right:12px!important}@media (max-width: 1024px){.admin-body{flex-direction:column;overflow-y:auto}.user-list-panel{width:100%;min-width:0;max-height:45vh;border-right:none;border-bottom:1px solid var(--border, #1e2a3a)}.user-editor-panel{min-height:50vh}.admin-vendor-sync{flex-direction:column;align-items:stretch;margin:0 12px 12px}}@media (max-width: 768px){.admin-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.admin-title{font-size:1rem}.user-list-headers,.user-row{grid-template-columns:1fr 1fr}.user-row-email,.user-list-headers span:nth-child(2){display:none}.user-list-toolbar{flex-wrap:wrap}.user-search{flex:1 1 100%}.checklist-groups{grid-template-columns:1fr!important}.classes-company-grid{grid-template-columns:1fr;max-height:none}.editor-classes{overflow:visible;max-height:none}.classes-company-group+.classes-company-group{border-left:none;border-top:1px solid var(--border, #1e2a3a)}.flag-modal{width:calc(100% - 24px)!important;max-width:none!important;max-height:calc(100dvh - 32px);overflow-y:auto}.flag-overlay{padding:12px;align-items:flex-end}}.job-access-board{margin-top:10px}.job-access-row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid var(--border, #1e2a3a)}.job-access-row.job-access-all{background:#34d39914;border-radius:4px;border-bottom:none;margin-bottom:6px}.job-access-name{width:190px;flex-shrink:0;font-size:12px;font-weight:600}.job-access-people{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1}.job-person-chip{background:#60a5fa24;border:1px solid var(--role-approve, #60a5fa);color:var(--role-approve, #60a5fa);border-radius:999px;padding:2px 9px;font-size:11px;font-family:inherit;cursor:pointer}.job-person-chip:disabled{opacity:.5;cursor:default}.job-person-chip.all{background:#34d39924;border-color:var(--role-mgmt, #34d399);color:var(--role-mgmt, #34d399);cursor:default}.job-person-chip .chip-x{opacity:.6;margin-left:2px}.job-access-add{background:var(--bg-2);border:1px dashed var(--border, #1e2a3a);color:var(--text-muted, #64748b);border-radius:999px;padding:2px 8px;font-size:11px;font-family:inherit;cursor:pointer}.job-access-add:disabled{opacity:.4;cursor:default}.admin-tabs{display:flex;gap:4px;margin-left:auto;margin-right:1rem}.admin-tab{background:none;border:1px solid transparent;color:var(--text-muted, #64748b);padding:.3rem .8rem;border-radius:999px;font-family:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all .15s}.admin-tab:hover{color:var(--text-primary, #e2e8f0)}.admin-tab.active{background:#3b82f61f;border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6);font-weight:600}.admin-pages{flex:1;min-height:0;overflow:hidden}.admin-track{display:flex;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-page{height:100%;min-height:0;display:flex;flex-direction:column}.admin-page-scroll{overflow-y:auto;padding:0 0 1rem;scrollbar-gutter:stable}@media (max-width: 900px){.admin-tabs{margin-right:.5rem}.admin-tab{padding:.3rem .55rem;font-size:.7rem}}.prop-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;width:100%;margin-top:6px}.prop-role-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.prop-role-row.assigned{border-color:#fbbf2473}.prop-role-name{font-size:12px;font-weight:600}.prop-role-row select{font-size:11px;padding:3px 6px;border-radius:4px;border:1px solid var(--border);background:var(--bg-2);color:var(--text)}.prop-roles-note{font-size:11px;color:var(--text-3);margin:6px 0 0}:root{--bg: #ffffff;--bg-2: #f2f2f2;--bg-3: #eef1f3;--bg-4: #dfe5ea;--border: #bfbfbf;--border-2: #a9b5bf;--text: #000000;--text-2: #142b40;--text-3: #364959;--accent: #142b40;--accent-2: #364959;--green: #15803d;--green-dim: #166534;--yellow: #a16207;--yellow-dim: #713f12;--red: #b91c1c;--red-dim: #7f1d1d;--blue-dim: #dbeafe;--sidebar-w: 220px;--header-h: 60px;--radius: 6px;--font-mono: "Open Sans", sans-serif;--font-display:"Averia Serif Libre", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.splash{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg)}.splash-logo{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--accent);letter-spacing:-2px}.splash-sub{font-size:12px;color:var(--text-3);letter-spacing:4px;text-transform:uppercase}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(20,43,64,.09) 0%,transparent 60%)}.login-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:48px 40px;width:360px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.login-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.login-logo-img{width:170px;max-width:100%;height:auto}.login-logo{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:800}.login-logo-ogm{font-size:28px;color:var(--accent);letter-spacing:0}.login-desc{font-size:12px;color:var(--text-3);line-height:1.6}.login-btn{display:flex;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);padding:10px 20px;border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.login-btn:hover{background:var(--bg-4);border-color:var(--accent)}.login-note{font-size:11px;color:var(--text-3)}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:20px 16px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.brand-logo-img{width:84px;height:auto;object-fit:contain;flex-shrink:0}.brand-text-wrap{display:flex;flex-direction:column;line-height:1.15}.brand-ogm{font-family:var(--font-display);font-size:17px;color:var(--accent);font-weight:700}.brand-name{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;font-weight:600}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-2);font-family:var(--font-mono);font-size:12px;padding:9px 10px;border-radius:var(--radius);cursor:pointer;text-align:left;transition:background .1s,color .1s;position:relative}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--bg-4);color:var(--text);font-weight:500}.nav-item .badge{background:var(--red);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:500;margin-left:auto}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%}.user-name{font-size:12px;font-weight:500;color:var(--text)}.user-email{font-size:10px;color:var(--text-3)}.logout-btn{background:none;border:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);font-size:11px;padding:6px;border-radius:var(--radius);cursor:pointer;transition:all .15s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.user-perm-badge{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:10px;color:var(--text-3)}.user-perm-warn{color:var(--yellow)}.super-admin-tag{background:#3d7fff33;color:var(--accent);padding:1px 6px;border-radius:4px;font-weight:600}.app-version{font-size:9px;color:var(--text-3);letter-spacing:.5px;opacity:.7}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.main-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-2)}.header-left{display:flex;align-items:baseline;gap:12px}.header-right{display:flex;align-items:center;gap:12px}.page-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.page-count{background:var(--bg-4);color:var(--text-2);font-size:11px;font-family:var(--font-mono);padding:2px 8px;border-radius:12px;font-weight:400}.sync-time{font-size:11px;color:var(--text-3)}.btn-refresh{background:none;border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:12px;padding:6px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s}.btn-refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-refresh:disabled{opacity:.5;cursor:default}.saving-indicator{font-size:11px;color:var(--accent)}.error-banner{background:#ef44441a;border-bottom:1px solid var(--red);color:var(--red);padding:10px 20px;font-size:12px;display:flex;align-items:center;gap:12px}.error-banner button{background:none;border:1px solid var(--red);color:var(--red);font-family:var(--font-mono);font-size:11px;padding:3px 10px;border-radius:var(--radius);cursor:pointer}.stats-bar{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.stat-card{flex:1;background:var(--bg-2);padding:12px 16px;display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.5px}.stat-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.stat-card.accent-green .stat-value{color:var(--green)}.stat-card.accent-yellow .stat-value{color:var(--yellow)}.stat-card.accent-red .stat-value{color:var(--red)}.stat-card.accent-blue .stat-value{color:var(--accent)}.filters{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;flex-wrap:wrap}.search-input,.filter-select,.date-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px 10px;border-radius:var(--radius);outline:none;transition:border-color .15s}.search-input{width:220px}.search-input:focus,.filter-select:focus,.date-input:focus{border-color:var(--accent)}.filter-select{cursor:pointer}.active-class-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.class-filter-chip{background:var(--blue-dim);border:1px solid #bfdbfe;color:var(--accent-2);font-family:var(--font-mono);font-size:11px;padding:4px 8px;border-radius:999px;cursor:pointer}.chip-x{margin-left:4px;font-weight:700}.class-filter-clear{background:transparent;border:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);font-size:11px;padding:4px 8px;border-radius:999px;cursor:pointer}.date-sep{color:var(--text-3);font-size:12px}.export-btns{display:flex;gap:4px;margin-left:auto}.btn-export{background:var(--bg-4);border:1px solid var(--border-2);color:var(--text-2);font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-weight:500}.btn-export:hover{background:var(--bg-3);color:var(--text);border-color:var(--accent)}.content-area{flex:1;overflow:hidden;display:flex}.loading-state{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-3)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.split-view{flex:1;display:flex;overflow:hidden}.table-panel{flex:1;overflow:auto;min-width:0}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg);display:flex}.detail-modal{flex:1;min-width:0;background:var(--bg-2);display:flex;flex-direction:column;overflow:hidden}.invoice-table-wrap{overflow:auto;height:100%}.invoice-table{width:100%;border-collapse:collapse;font-size:12px}.invoice-table thead{position:sticky;top:0;z-index:10}.invoice-table th{background:var(--bg-3);color:var(--text-3);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.invoice-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}.invoice-row{cursor:pointer;transition:background .1s}.invoice-row:hover td{background:var(--bg-3)}.invoice-row.selected td{background:var(--bg-4);color:var(--text)}.invoice-row.needs-review td{border-left:2px solid var(--yellow)}.vendor-name{color:var(--text);font-weight:500}.col-amount{font-family:var(--font-mono);color:var(--text);font-weight:500}.col-date{color:var(--text-3);white-space:nowrap}.col-inv{color:var(--text-3);font-size:11px}.code-chip{background:var(--bg-4);border:1px solid var(--border-2);color:var(--text-2);font-size:10px;padding:2px 7px;border-radius:4px;white-space:nowrap;max-width:160px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.tab-pill{background:#3d7fff1a;color:var(--accent);font-size:10px;padding:2px 7px;border-radius:4px;white-space:nowrap}.qb-check{color:var(--green);font-weight:700}.qb-empty{color:var(--text-3)}.badge-review{background:#eab30826;color:var(--yellow);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:500}.badge-approved{background:#22c55e26;color:var(--green);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:500}.badge-pending{background:#8c9ab51a;color:var(--text-3);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:500}.badge-qb{background:#3d7fff26;color:var(--accent);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:500}.badge-duplicate{background:#ef444424;color:var(--red);border:1px solid rgba(185,28,28,.35)}.badge-stack{display:inline-flex;gap:4px;align-items:center}.badge-overdue{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;border:1px solid rgba(185,28,28,.35);background:#ef444424;color:var(--red)}.badge-overdue.overdue-14{background:#7f1d1d33;color:var(--red-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;gap:10px;color:var(--text-3)}.empty-icon{font-size:40px}.empty-text{font-size:14px;font-weight:500;color:var(--text-2)}.empty-sub{font-size:12px}.review-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eab3080d;border-bottom:1px solid rgba(234,179,8,.2)}.review-count{color:var(--yellow);font-size:12px;font-weight:500}.review-hint{color:var(--text-3);font-size:11px}.duplicate-count{color:var(--red)}.approval-return-count{color:var(--red-dim);font-weight:600}.review-reason-chip{background:var(--bg-4);color:var(--text-3);font-size:10px;padding:2px 7px;border-radius:4px;max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confidence-badge{font-size:10px;padding:2px 7px;border-radius:4px}.confidence-badge.med{background:#eab3081a;color:var(--yellow)}.confidence-badge.low{background:#ef44441a;color:var(--red)}.approval-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#3d7fff0f;border-bottom:1px solid rgba(61,127,255,.2)}.approval-count{color:var(--accent);font-size:12px;font-weight:500}.approval-hint{color:var(--text-3);font-size:11px}.nav-item .badge-approval,.mobile-nav-badge-approval{background:var(--accent)}.detail-panel-inner{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.detail-work-area{flex:1;min-height:0;display:flex}.detail-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-3)}.detail-vendor{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text)}.detail-meta{font-size:11px;color:var(--text-3);margin-top:3px}.close-btn{background:none;border:none;color:var(--text-3);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:var(--radius);transition:color .15s}.close-btn:hover{color:var(--text)}.preview-area{height:240px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}@media (min-width: 1025px){.detail-work-area>.preview-area{flex:1 1 58%;min-width:0;height:auto;align-self:stretch;border-bottom:none;border-right:1px solid var(--border)}.detail-work-area>.detail-content{flex:0 0 clamp(420px,38%,620px)}}.drive-preview{width:100%;height:100%;border:none}.no-preview{display:flex;align-items:center;justify-content:center;height:100%}.mobile-preview-bar{padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-2)}.btn-preview-mobile{width:100%;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:9px 10px;border-radius:var(--radius);cursor:pointer}.mobile-preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1300;padding:10px}.mobile-preview-modal{width:min(980px,100%);height:min(88dvh,900px);background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.mobile-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-3);font-size:12px;color:var(--text-2)}.mobile-preview-area{height:100%;border-bottom:none}.drive-link{color:var(--accent);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:6px}.drive-link:hover{text-decoration:underline}.no-file{color:var(--text-3);font-size:12px}.detail-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:0}.detail-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{width:100px;flex-shrink:0;font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;padding-top:2px}.detail-value{flex:1;color:var(--text-2);font-size:12px}.detail-link{color:var(--accent);text-decoration:none;font-size:12px}.detail-link:hover{text-decoration:underline}.amount-large{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.review-reason,.review-reason-row .detail-label{color:var(--yellow)}.code-display{display:flex;align-items:center;gap:8px}.code-value{color:var(--text);font-size:11px}.btn-edit-code{background:none;border:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.btn-edit-code:hover{border-color:var(--accent);color:var(--accent)}.code-editor{display:flex;flex-direction:column;gap:6px;width:100%}.code-select{background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:6px 8px;border-radius:var(--radius);width:100%;outline:none}.code-select:focus{border-color:var(--accent)}.code-actions{display:flex;gap:6px}.detail-actions{padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-3);display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.detail-actions>.flag-invoice-btn{flex:0 0 auto}.detail-actions>.btn-action-secondary,.detail-actions>.btn-approve,.detail-actions>.btn-relocate,.detail-actions>.btn-add-vendor,.detail-actions>.btn-delete{flex:1 1 calc(50% - 3px);min-width:120px}.detail-actions>.move-form{flex:1 1 100%}.btn-action-secondary{padding:7px 8px!important;font-size:11px!important}.btn-delete{background:#ef444414;border:1px solid var(--red);color:var(--red);font-family:var(--font-mono);font-size:12px;padding:9px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-delete:hover:not(:disabled){background:#ef444429}.btn-delete:disabled{opacity:.5;cursor:default}.btn-approve{background:#22c55e1a;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:12px;padding:9px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-approve:hover:not(:disabled){background:#22c55e33}.btn-approve:disabled{opacity:.5;cursor:default}.btn-qb{background:#3d7fff1a;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:12px;padding:9px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-qb:hover:not(:disabled){background:#3d7fff33}.btn-assign{background:#eab3081a;border:1px solid var(--yellow);color:var(--yellow);font-family:var(--font-mono);font-size:12px;padding:9px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-assign:hover:not(:disabled){background:#eab30833}.btn-save{background:#22c55e1a;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:11px;padding:5px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s}.btn-save:disabled{opacity:.5;cursor:default}.btn-cancel{background:none;border:1px solid var(--border);color:var(--text-3);font-family:var(--font-mono);font-size:11px;padding:5px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s}.btn-cancel:hover{border-color:var(--red);color:var(--red)}.move-form{display:flex;flex-direction:column;gap:8px}.confirm-review-block{flex-shrink:0;padding:8px 12px;border-bottom:1px solid rgba(34,197,94,.25);background:#22c55e0f}.confirm-review-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--green);margin-bottom:6px}.confirm-review-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.confirm-class-select{flex:1 1 140px;min-width:120px;max-width:180px;padding:5px 8px!important}.confirm-review-code{display:flex;align-items:center;gap:6px;flex:1 1 100px;min-width:0;font-size:11px}.confirm-code-value{font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.confirm-code-editor{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.confirm-code-editor .code-search-wrap{flex:1;min-width:0}.confirm-code-editor .code-search-input{padding:5px 8px;font-size:10px}.confirm-code-editor .btn-save,.confirm-code-editor .btn-cancel{padding:4px 8px;flex-shrink:0}.btn-confirm-review{flex:0 0 auto;width:auto!important;margin-top:0!important;padding:6px 12px!important;font-size:11px!important}.code-search-wrap{position:relative;width:100%}.code-search-input{width:100%;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:7px 10px;border-radius:var(--radius);outline:none;transition:border-color .15s}.code-search-input:focus{border-color:var(--accent)}.code-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);z-index:100;max-height:320px;overflow-y:auto;overflow-x:hidden;box-shadow:0 8px 24px #0006}.code-search-option{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.code-search-option:last-child{border-bottom:none}.code-search-option:hover{background:var(--bg-4)}.cso-category{order:3;font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;flex:0 0 auto}.cso-code{order:2;font-size:10px;color:var(--accent);flex:0 0 auto}.cso-label{order:1;flex:1 1 100%;font-size:12px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.split-editor{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 16px;overflow-y:auto;background:var(--bg)}.split-header{display:flex;justify-content:space-between;align-items:center}.split-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}.split-total{font-size:12px;color:var(--text-2)}.split-total strong{color:var(--text)}.btn-scan-split{background:#3d7fff1a;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:12px;padding:8px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-scan-split:hover:not(:disabled){background:#3d7fff33}.btn-scan-split:disabled{opacity:.4;cursor:default}.split-error{background:#ef44441a;border:1px solid var(--red);color:var(--red);font-size:11px;padding:8px 10px;border-radius:var(--radius)}.split-lines{display:flex;flex-direction:column;gap:8px}.split-line{display:flex;align-items:center;gap:8px}.split-line-num{width:18px;flex-shrink:0;font-size:10px;color:var(--text-3);text-align:center}.split-line-code{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.split-line{align-items:flex-start}.split-line-amount{display:flex;align-items:center;gap:3px;flex-shrink:0}.amount-prefix{font-size:12px;color:var(--text-3)}.split-amount-input{width:80px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px 8px;border-radius:var(--radius);outline:none;text-align:right}.split-amount-input:focus{border-color:var(--accent)}.split-remove{background:none;border:none;color:var(--text-3);font-size:12px;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s;flex-shrink:0}.split-remove:hover{color:var(--red)}.btn-add-line{background:none;border:1px dashed var(--border-2);color:var(--text-3);font-family:var(--font-mono);font-size:11px;padding:7px;border-radius:var(--radius);cursor:pointer;transition:all .15s}.btn-add-line:hover{border-color:var(--accent);color:var(--accent)}.split-balance{font-size:12px;padding:8px 10px;border-radius:var(--radius);font-weight:500;text-align:center}.split-balance.balanced{background:#22c55e1a;color:var(--green);border:1px solid var(--green-dim)}.split-balance.unbalanced{background:#eab3081a;color:var(--yellow);border:1px solid var(--yellow-dim)}.split-actions{display:flex;gap:8px}.btn-send-management{width:100%;padding:8px 10px;border-radius:var(--radius);border:1px solid #7c3aed;background:#7c3aed1a;color:#a78bfa;font-size:12px;font-weight:600;cursor:pointer}.btn-send-management:hover{background:#7c3aed33}.management-note-editor{display:flex;flex-direction:column;gap:8px}.management-note-hint{font-size:11px;color:var(--text-2)}.split-request-callout{background:#7c3aed1a;border:1px solid #7c3aed;border-radius:var(--radius);padding:8px 10px;margin-bottom:10px}.split-request-title{font-size:12px;font-weight:700;color:#a78bfa}.split-request-note{font-size:12px;color:var(--text);margin-top:2px;white-space:pre-wrap}.badge-split-request{display:inline-block;background:#7c3aed26;color:#a78bfa;border:1px solid #7c3aed;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}tr.split-requested{background:#7c3aed0f}.split-line-display{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border);gap:8px}.split-line-display:last-child{border-bottom:none}.sld-code{font-size:10px;color:var(--text-2);flex:1}.sld-amount{font-size:12px;color:var(--text);font-weight:500;flex-shrink:0}.btn-split{background:#6c5ce71a;border:1px solid var(--purple, #6C5CE7);color:var(--purple, #6C5CE7);font-family:var(--font-mono);font-size:12px;padding:9px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s}.btn-split:hover:not(:disabled){background:#6c5ce733}.btn-split:disabled{opacity:.5;cursor:default}.report-panel{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.report-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.btn-export-lg{padding:7px 14px;font-size:12px}.btn-export-pdf{border-color:var(--green);color:var(--green)}.btn-export-pdf:hover{background:#22c55e1a!important}.report-summary{display:flex;gap:12px;flex-wrap:wrap}.report-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;min-width:120px}.report-card-val{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);letter-spacing:-1px}.report-card-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.report-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-section{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.report-section-title{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);margin-bottom:14px}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:140px;font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.bar-track{flex:1;height:6px;background:var(--bg-4);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.bar-fill-alt{height:100%;background:var(--green);border-radius:3px;transition:width .4s ease}.bar-value{width:80px;text-align:right;font-size:11px;color:var(--text);font-weight:500;flex-shrink:0}.bar-count{width:24px;text-align:right;font-size:10px;color:var(--text-3);flex-shrink:0}.iif-note{background:#3d7fff0d;border:1px solid rgba(61,127,255,.2);border-radius:var(--radius);padding:14px 16px;font-size:11px;color:var(--text-3);line-height:1.7}.iif-note strong{color:var(--accent)}.badge-new-vendor{background:#3d7fff26;color:var(--accent);font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.badge-company{background:#22c55e1f;color:#166534;font-size:9px;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.new-vendor-row td{border-left:2px solid var(--accent)}.new-vendor-count{color:var(--accent);font-weight:500}.btn-add-vendor{background:#3d7fff1a;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:11px;padding:8px;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .15s;text-align:left}.btn-add-vendor:hover:not(:disabled){background:#3d7fff33}.btn-add-vendor:disabled{opacity:.5;cursor:default}.due-soon{color:#f59e0b;font-weight:600}.muted{color:var(--text-muted)}.notes-textarea{width:100%;resize:vertical;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:.85rem}.notes-display{display:flex;align-items:flex-start;gap:8px}.due-date-meta{color:var(--text-muted)}.suggested-code{color:var(--accent);font-size:.85rem}.btn-relocate{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.inline-edit{display:flex;gap:6px;align-items:center}.inline-input{flex:1;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:.875rem}.editable-row{display:flex;align-items:center;gap:8px}.po-warning{background:#7c2d12;color:#fef3c7;padding:6px 10px;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:8px}.approval-checklist{display:flex;flex-direction:column;gap:6px}.approval-check-item{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;cursor:pointer}.approval-checkbox{margin-top:2px;accent-color:var(--accent)}.approval-checklist-row{background:#f59e0b14;border-radius:6px;padding:8px}.history-row .detail-value{width:100%}.history-list{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.history-entry{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.history-entry-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:.8rem}.history-entry-action{font-weight:600;color:var(--text)}.history-entry-actor{color:var(--accent)}.history-entry-time{color:var(--text-muted);margin-left:auto}.history-entry-detail{margin-top:2px;font-size:.85rem;color:var(--text);white-space:pre-wrap}.history-add-note{margin-top:4px}.qb-batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius)}.qb-batch-count{font-size:12px;color:var(--text-2)}.qb-batch-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn-qb-batch{background:var(--accent);color:#fff;border:none;font-family:var(--font-mono);font-size:11px;padding:7px 14px;border-radius:var(--radius);cursor:pointer;font-weight:600}.btn-qb-batch:disabled{opacity:.5;cursor:default}.qb-batch-table .col-check{width:36px;text-align:center}.qb-batch-table .col-check input{cursor:pointer;accent-color:var(--accent)}.invoice-row.batch-selected{background:#2d5a271f}.invoice-row.unknown-vendor-row{box-shadow:inset 3px 0 #3d7fff}.badge.badge-qb{background:#1e40af}.btn-add-invoice{background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:6px 12px;border-radius:var(--radius);cursor:pointer;margin-right:8px}.btn-add-invoice:hover{border-color:var(--accent);color:var(--accent)}.add-invoice-modal{max-width:480px}.add-invoice-form{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.add-invoice-form .field-input{width:100%;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:7px 10px;border-radius:var(--radius)}.add-invoice-mode-tabs{display:flex;gap:6px;padding:0 16px 8px}.add-mode-btn{flex:1;background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:11px;padding:8px;border-radius:var(--radius);cursor:pointer}.add-mode-btn.active{border-color:var(--accent);color:var(--accent);background:#3d7fff1a}.add-invoice-mode-desc{font-size:11px;color:var(--text-3);padding:0 16px 12px;line-height:1.5}.review-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.review-filter-btn{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:10px;padding:5px 10px;border-radius:var(--radius);cursor:pointer;transition:all .15s;white-space:nowrap}.review-filter-btn:hover{border-color:var(--accent);color:var(--text)}.review-filter-btn.active{border-color:var(--yellow);color:var(--yellow);background:#eab3081a}.review-filter-btn.duplicate-filter.active{border-color:var(--red);color:var(--red);background:#ef44441f}.review-filter-btn.approval-return-filter.active{border-color:var(--red-dim);color:var(--red-dim);background:#b91c1c29}.invoice-row.approval-return-row td{background:#b91c1c1f}.approval-return-badge{margin-left:6px;background:#b91c1c33;color:var(--red-dim);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:700}.invoice-row.duplicate-row td{background:#ef44440d}.duplicate-badge{margin-left:6px;background:#ef444426;color:var(--red);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600}.overdue-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(185,28,28,.2);background:#ef44440f}.overdue-panel-text{display:flex;align-items:baseline;gap:8px;color:var(--red-dim);font-size:12px}.overdue-panel-text span{color:var(--text-3);font-size:11px}.overdue-panel-actions{display:flex;flex-wrap:wrap;gap:6px}.overdue-chip{background:#ef44441a;border:1px solid rgba(185,28,28,.35);color:var(--red-dim);font-family:var(--font-mono);font-size:10px;padding:5px 10px;border-radius:var(--radius);cursor:pointer}.overdue-chip:hover{background:#ef444429}.overdue-chip-clear{border-color:var(--border);color:var(--text-3);background:var(--bg-3)}.vendor-match-panel{margin:0 16px 12px;padding:12px;border:1px solid rgba(20,43,64,.25);border-radius:var(--radius);background:#142b400d}.vendor-match-title{font-weight:600;color:var(--accent);margin-bottom:6px}.vendor-match-copy{font-size:12px;color:var(--text-2);margin-bottom:10px;line-height:1.45}.vendor-match-actions,.vendor-match-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.vendor-match-pick .code-select{flex:1;min-width:180px}.vendor-match-remember{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3)}.vendor-match-count{color:var(--accent)}.badge-vendor-match{margin-left:6px;background:#142b401f;color:var(--accent);font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600}.invoice-row.vendor-match-row td{background:#142b400a;box-shadow:inset 3px 0 0 var(--accent)}.review-filter-btn.vendor-match-filter.active{border-color:var(--accent);color:var(--accent);background:#142b4014}.mobile-bottom-nav,.mobile-overlay,.btn-label-short{display:none}:where(button,[role=button],a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 1024px){:root{--bottom-nav-h: calc(56px + env(safe-area-inset-bottom, 0px)) }.dashboard{flex-direction:column;height:100dvh}.sidebar{position:fixed;left:0;right:0;bottom:var(--bottom-nav-h);width:100%;height:auto;max-height:min(70vh,520px);z-index:160;border-right:none;border-top:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:0 -12px 40px #00000073;transform:translateY(calc(100% + var(--bottom-nav-h)));transition:transform .22s ease;overflow-y:auto}.sidebar.mobile-drawer-open{transform:translateY(0)}.sidebar-brand,.desktop-nav{display:none}.desktop-sidebar-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:170;height:var(--bottom-nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-2);border-top:1px solid var(--border)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 4px;background:none;border:none;color:var(--text-3);font-family:var(--font-mono);font-size:10px;cursor:pointer;position:relative;transition:color .15s,background .15s}.mobile-nav-item.active{color:var(--accent);background:#3d7fff14}.mobile-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.mobile-nav-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-nav-badge-qb{background:var(--accent)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0000008c}.main{flex:1;min-height:0;padding-bottom:var(--bottom-nav-h)}.main-header{height:auto;min-height:var(--header-h);padding:10px 12px;flex-wrap:wrap;gap:8px}.header-left{flex:1;min-width:0;flex-wrap:wrap;gap:6px}.header-right{flex-shrink:0;gap:6px}.sync-time{display:none}.stats-bar{flex-wrap:wrap}.stat-card{flex:1 1 calc(33.333% - 1px);min-width:100px;padding:10px 12px}.stat-value{font-size:17px}.filters{padding:8px 12px;gap:6px}.search-input{width:100%;flex:1 1 100%}.filter-select,.date-input{flex:1 1 calc(50% - 4px);min-width:120px}.export-btns{margin-left:0;width:100%;flex-wrap:wrap}.export-btns .btn-export{flex:1;min-width:0}.split-view{flex-direction:column;min-height:0}.split-view.detail-open .table-panel{display:none}.detail-panel-inner{min-height:0}.preview-area{height:min(36vh,220px)}.report-charts{grid-template-columns:1fr}.bar-label{width:100px}.review-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.review-hint,.approval-hint{display:none}.qb-batch-toolbar{flex-direction:column;align-items:stretch;gap:8px}.qb-batch-actions{flex-wrap:wrap}.qb-batch-actions .btn-export,.qb-batch-actions .btn-qb-batch{flex:1;min-width:0}.invoice-table .col-hide-tablet,.invoice-table th.col-hide-tablet,.btn-label-full{display:none}.btn-label-short{display:inline}}@media (max-width: 768px){.login-card{width:calc(100% - 32px);max-width:360px;padding:32px 24px}.page-title{font-size:14px}.btn-refresh-text{display:none}.btn-refresh{padding:6px 10px;min-width:40px}.stat-card{flex:1 1 calc(50% - 1px)}.stat-value{font-size:16px}.invoice-table{font-size:11px}.invoice-table th,.invoice-table td{padding:8px}.invoice-table thead{position:static}.invoice-table .col-due,.invoice-table .col-inv,.invoice-table .col-code,.invoice-table .col-class,.invoice-table .col-qb,.invoice-table th.col-due,.invoice-table th.col-inv,.invoice-table th.col-code,.invoice-table th.col-class,.invoice-table th.col-qb,.invoice-table .col-hide-mobile,.invoice-table th.col-hide-mobile{display:none}.detail-header{padding:12px}.detail-vendor{font-size:15px}.detail-body{padding:10px 12px}.main.detail-active .stats-bar,.main.detail-active .filters{display:none}.main.detail-active .main-header{height:auto;min-height:46px;padding:8px 10px}.main.detail-active .header-left{gap:8px}.main.detail-active .sync-time{display:none}.mobile-preview-modal .close-btn{min-width:40px;min-height:40px}.detail-row{flex-direction:column;gap:4px;padding:10px 0}.detail-label{width:auto;padding-top:0}.close-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.confirm-review-row{flex-direction:column;align-items:stretch}.confirm-class-select,.confirm-code-value{max-width:none}.btn-confirm-review{width:100%!important}.detail-actions>.btn-action-secondary,.detail-actions>.btn-approve,.detail-actions>.btn-relocate,.detail-actions>.btn-add-vendor,.detail-actions>.btn-delete{flex:1 1 100%;min-height:44px}.flag-modal,.add-invoice-modal{width:calc(100% - 24px)!important;max-width:none!important;max-height:calc(100dvh - 32px);overflow-y:auto}.report-panel{padding:12px;gap:14px}.report-filters{flex-direction:column;align-items:stretch}.report-filters .export-btns{width:100%}.report-summary{gap:8px}.report-card{flex:1 1 calc(50% - 4px);min-width:0;padding:12px 14px}.report-card-val{font-size:20px}.code-search-dropdown{max-height:min(40vh,200px)}.cso-category{width:56px}.cso-code{width:72px}.mobile-nav-item{font-size:9px}input,select,textarea{font-size:16px!important}.review-filter-btn,.class-filter-chip,.class-filter-clear,.btn-export,.btn-refresh,.btn-add-invoice,.btn-edit-code{min-height:44px}}@media (max-width: 480px){.main-header,.filters{padding:8px 10px}.filter-select,.date-input,.stat-card{flex:1 1 100%}.stat-card:nth-child(n+4){display:none}.preview-area{height:min(32vh,180px)}.invoice-table th,.invoice-table td{padding:7px 6px}.tab-pill,.code-chip{max-width:88px}.mobile-nav-label{font-size:8px}.saving-indicator{display:none}}@media (hover: none) and (pointer: coarse){.mobile-nav-item,.btn-approve,.btn-delete,.btn-assign,.btn-split,.btn-refresh,.btn-add-invoice,.btn-export,.btn-edit-code,.review-filter-btn,.close-btn,.flag-invoice-btn{min-height:44px}}.review-cc-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-left:8px}.review-cc-owner{max-width:180px;margin-left:4px}.cc-badge{font-size:10px;background:#3b82f626;color:var(--accent);padding:2px 6px;border-radius:4px}.invoice-row.cc-row{border-left:3px solid var(--accent)}.cc-recon-wrap{display:flex;flex-direction:column;gap:12px;height:100%}.cc-recon-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cc-recon-mode button{padding:6px 12px;border:1px solid var(--border);background:var(--bg-2);border-radius:6px;cursor:pointer}.cc-recon-mode button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cc-variance-bar{display:flex;flex-wrap:wrap;gap:16px;padding:10px 14px;background:var(--bg-2);border-radius:8px;font-size:13px}.cc-variance-bar.has-variance .cc-variance-diff{color:var(--red);font-weight:600}.cc-recon-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:320px}.cc-panel{border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.cc-panel h3{margin:0;padding:10px 12px;font-size:13px;background:var(--bg-2);border-bottom:1px solid var(--border)}.cc-scroll-list{overflow-y:auto;flex:1;padding:8px}.cc-line{padding:8px;border-bottom:1px solid var(--border);font-size:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cc-line-main{display:flex;flex-wrap:wrap;gap:8px;flex:1;align-items:center}.cc-line-date{color:var(--text-muted);min-width:72px}.cc-line-desc{flex:1;min-width:120px}.cc-line-amt{font-weight:600}.cc-status{font-size:10px;text-transform:uppercase}.cc-line.unmatched .cc-status{color:var(--amber)}.cc-line.matched .cc-status{color:var(--green)}.cc-location-cards{display:flex;flex-wrap:wrap;gap:8px}.cc-summary-card{text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:12px}.cc-summary-card .warn{color:var(--red)}.cc-auto-panel{padding:12px;background:var(--bg-2);border-radius:8px;border:1px solid var(--border)}.cc-auto-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font-size:12px}.cc-match-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.cc-match-inner{background:var(--bg);border-radius:12px;padding:20px;max-width:480px;width:100%;max-height:80vh;overflow:auto}.cc-match-list{list-style:none;padding:0;margin:12px 0;max-height:240px;overflow-y:auto}.cc-match-list li button{width:100%;text-align:left;padding:8px;border:none;background:var(--bg-2);margin-bottom:4px;border-radius:6px;cursor:pointer;font-size:12px}.cc-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.cc-import-modal{background:var(--bg);border-radius:12px;padding:24px;max-width:720px;width:100%;max-height:90vh;overflow:auto}.cc-csv-paste{width:100%;margin:12px 0;font-family:inherit;font-size:12px}.cc-manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.cc-preview-table-wrap{max-height:280px;overflow:auto;margin:12px 0}.cc-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cc-check-label{display:inline-flex;align-items:center;gap:4px;font-size:12px}.cc-last4-input{width:64px}.cc-conf-badge{font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.cc-recon-panels{grid-template-columns:1fr}}.cc-charge-actions{display:flex;gap:6px;justify-content:flex-end}.cc-charge-actions .btn-approve,.cc-charge-actions .btn-action-secondary{white-space:nowrap}.invoice-table .col-actions{text-align:right;width:1%}@media (max-width: 768px){.cc-charge-actions{flex-direction:column;align-items:stretch}}.invoice-page-preview{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;max-height:100%;align-self:stretch;overflow:auto;background:var(--bg-2);border-radius:var(--radius);padding:6px}.invoice-page-status{font-size:11px;color:var(--text-3);padding:2px 4px}.invoice-page-canvases{display:flex;flex-direction:column;gap:8px}.invoice-page-canvas{width:100%;max-width:100%;height:auto;border-radius:4px;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px #0006}.modal-title{margin:0;font-size:14px;font-weight:700;color:var(--text)}.modal-desc{margin:0;font-size:12px;color:var(--text-3);line-height:1.5}.modal-meta{font-size:11px;color:var(--text-2)}tr.possible-duplicate{background:#f8717112}.badge-duplicate{display:inline-block;margin-left:6px;background:#f8717126;color:#f87171;border:1px solid #f87171;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:700;white-space:nowrap}.duplicate-callout{background:#f871711a;border:1px solid #f87171;border-radius:var(--radius);padding:8px 10px;margin-bottom:10px}.duplicate-callout-title{font-size:12px;font-weight:700;color:#f87171}.duplicate-callout-body{font-size:12px;color:var(--text);margin-top:3px}.duplicate-callout-actions{margin-top:8px}.btn-dismiss-duplicate{background:transparent;border:1px solid #f87171;color:#f87171;border-radius:var(--radius);padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.btn-dismiss-duplicate:hover:not(:disabled){background:#f8717126}.btn-dismiss-duplicate:disabled{opacity:.5;cursor:default}.company-select-card{width:420px;max-width:calc(100vw - 32px);gap:18px}.company-select-head{display:flex;flex-direction:column;gap:6px}.company-select-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);margin:0}.company-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.company-select-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.company-select-btn:hover{border-color:var(--accent);background:var(--bg-2)}.company-select-btn:active{transform:translateY(1px)}.company-select-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.company-select-go{color:var(--text-3);font-size:15px;flex-shrink:0}.company-select-btn:hover .company-select-go{color:var(--accent)}.company-select-signout{background:none;border:none;padding:0;font-family:inherit;font-size:12px;color:var(--text-3);text-decoration:underline;cursor:pointer}.company-select-signout:hover{color:var(--text)}@media (max-width: 480px){.company-select-grid{grid-template-columns:1fr}}.marketing-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600}.marketing-toggle input{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.marketing-toggle input:disabled{cursor:default}.marketing-hint{display:block;font-size:11px;color:var(--text-3);margin-top:3px}.split-blocked-row{background:#9c3f260f}.split-blocked-row td{opacity:.72}.split-blocked-row input[type=checkbox]{cursor:not-allowed}.badge-split-hold{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9c3f26;background:#9c3f261f;border:1px solid rgba(156,63,38,.3);white-space:nowrap}.split-hold-banner{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:9px 12px;border-left:3px solid #9c3f26;background:#9c3f2614;border-radius:0 4px 4px 0;font-size:12px;line-height:1.5;color:var(--text-2, inherit)}.split-hold-banner b{color:var(--text)}.dept-nav{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.dept-nav-heading{padding:0 16px 6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.nav-item.dept-nav-item{padding-left:30px;font-size:13px;font-weight:500}.nav-item.dept-nav-item.active{font-weight:650}.controls-toggle{display:none}@media (max-width: 768px){.controls-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 14px;border:0;border-bottom:1px solid var(--border);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.controls-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ct-main{display:inline-flex;align-items:center;gap:7px;font-weight:650}.ct-caret{font-size:11px;color:var(--text-3)}.ct-count{padding:1px 7px;border-radius:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.ct-summary{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-controls{display:none}.page-controls.open{display:block;max-height:60vh;overflow-y:auto;border-bottom:1px solid var(--border)}}@media (min-width: 769px) and (max-height: 820px){.controls-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:7px 14px;border:0;border-bottom:1px solid var(--border);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.controls-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.page-controls{display:none}.page-controls.open{display:block}}.invoice-table-wrap{container-type:inline-size;container-name:invoicetable}@container invoicetable (max-width: 700px){.invoice-table .col-qb,.invoice-table th.col-qb{display:none}.invoice-table{font-size:11px}.invoice-table td,.invoice-table th{padding-left:6px;padding-right:6px}}@container invoicetable (max-width: 620px){.invoice-table .col-due,.invoice-table th.col-due{display:none}}@container invoicetable (max-width: 540px){.invoice-table .col-code,.invoice-table th.col-code{display:none}}@supports not (container-type: inline-size){@media (max-width: 1320px){.invoice-table .col-qb,.invoice-table th.col-qb{display:none}.invoice-table{font-size:11px}}@media (max-width: 1120px){.invoice-table .col-due,.invoice-table th.col-due{display:none}}}@media (max-width: 1024px){.detail-work-area{flex-direction:column}.preview-area{height:min(42vh,320px)}.detail-header{position:sticky;top:0;z-index:2;background:var(--bg-3)}}@media (max-height: 640px){.preview-area{height:min(30vh,180px)}}