*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface-2:#161616;--bg-card:#161616;--fg:#f5f0eb;--gold:#d4a574;--gold-dim:#d4a57499;--text:#f5f0eb;--muted:#a09888;--muted-dim:#f5f0eb80;--border:#d4a57440;--border-subtle:#ffffff12;--border-white:#ffffff1f;--green:#4ade80;--green-bg:#15803d26;--green-border:#15803d59;--red:#f87171;--red-bg:#ef444414;--red-border:#ef444440;--amber:#fbbf24;--amber-bg:#fbbf2414;--amber-border:#fbbf2440;--font-display:"Clash Display", sans-serif;--font-body:"Instrument Sans", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--ease:cubic-bezier(.16, 1, .3, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);color:var(--text);background-color:var(--bg);font-size:15px;line-height:1.6}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit}::selection{color:var(--text);background:#d4a57440}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0aeb;position:sticky;top:0}.nav-inner{max-width:1120px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:60px;margin:0 auto;display:flex}.nav-brand{flex-direction:column;gap:1px;display:flex}.nav-brand-name{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text);font-size:14px;font-weight:500}.nav-brand-sub{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--muted-dim);font-size:9px}.nav-links{gap:var(--space-8);display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.5px;color:#f5f0eb8c;transition:color .25s var(--ease);font-size:13px;font-weight:400}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--gold)}.main{max-width:1120px;padding:var(--space-10) var(--space-6) var(--space-16);margin:0 auto}.page-header{margin-bottom:var(--space-10)}.page-header-top{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.15}.page-subtitle{color:var(--muted);margin-top:var(--space-1);font-size:14px}.header-summary{align-items:center;gap:var(--space-6);display:flex}.summary-divider{background:var(--border-subtle);width:1px;height:36px}.summary-stat{flex-direction:column;align-items:flex-end;display:flex}.summary-label{font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.summary-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.summary-value.outstanding{color:var(--gold)}.filters{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-tabs{gap:var(--space-1);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;display:flex}.filter-tab{font-family:var(--font-display);letter-spacing:.5px;color:var(--muted);transition:all .2s var(--ease);border-radius:9px;padding:7px 16px;font-size:12px;font-weight:500}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--gold);background:#d4a5741f;border:1px solid #d4a57433}.filter-tab:not(.active){border:1px solid #0000}.filter-search{position:relative}.search-icon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);width:240px;transition:border-color .2s var(--ease);padding:9px 14px 9px 36px;font-size:13px}.search-input::placeholder{color:#a0988899}.search-input:focus{border-color:var(--border);outline:none}.month-group{margin-bottom:var(--space-10)}.month-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.month-label{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:10px;font-weight:500}.month-line{background:var(--border);opacity:.4;flex:1;height:1px}.month-total{font-family:var(--font-display);color:var(--muted);white-space:nowrap;letter-spacing:.3px;font-size:12px;font-weight:400}.invoice-row{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all .25s var(--ease);grid-template-columns:1fr 200px 140px 140px 130px;align-items:center;padding:16px 20px;display:grid}.invoice-row:hover{border-color:var(--border);background:var(--surface-2);transform:translateY(-1px)}.invoice-primary{flex-direction:column;gap:2px;min-width:0;display:flex}.invoice-id{font-family:var(--font-display);color:var(--text);letter-spacing:.3px;font-size:14px;font-weight:500}.invoice-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.invoice-date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.invoice-amount{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-size:16px;font-weight:500}.invoice-balance{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-size:14px;font-weight:400}.invoice-balance.zero{color:#a0988880}.invoice-balance.owed{color:var(--gold)}.status-badge{font-family:var(--font-display);letter-spacing:.5px;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.status-badge .dot{border-radius:50%;width:6px;height:6px}.status-badge.paid{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.status-badge.paid .dot{background:var(--green)}.status-badge.unpaid{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.status-badge.unpaid .dot{background:var(--amber)}.status-badge.overdue{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.status-badge.overdue .dot{background:var(--red)}.invoice-status{justify-content:flex-end;display:flex}.column-headers{margin-bottom:var(--space-1);grid-template-columns:1fr 200px 140px 140px 130px;padding:0 20px 10px;display:grid}.col-header{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.col-header:last-child,.col-header:nth-child(4),.col-header:nth-child(3),.invoice-amount,.invoice-balance,.invoice-date{text-align:right}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);padding:var(--space-6);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:85vh;transition:transform .35s var(--ease);overflow-y:auto;transform:translateY(20px)scale(.97)}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.modal-header-left{gap:var(--space-2);flex-direction:column;display:flex}.modal-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:500}.modal-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);transition:all .2s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-body{padding:24px 28px 28px}.modal-section{margin-bottom:var(--space-6)}.modal-section:last-child{margin-bottom:0}.section-label{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:500}.detail-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--muted);letter-spacing:.2px;font-size:12px}.detail-value{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:500}.line-items{width:100%;margin-top:var(--space-4);border-collapse:collapse}.line-items th{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:0 0 var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:500}.line-items th:last-child{text-align:right}.line-items td{padding:var(--space-3) 0;color:var(--text);border-bottom:1px solid #ffffff0a;font-size:14px}.line-items td:last-child{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500}.line-items .item-desc{color:var(--muted);margin-top:2px;font-size:12px;display:block}.modal-totals{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.total-row{justify-content:space-between;align-items:center;display:flex}.total-label{color:var(--muted);font-size:14px}.total-value{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.total-row.grand{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.total-row.grand .total-label{font-family:var(--font-display);color:var(--text);letter-spacing:.3px;font-weight:500}.total-row.grand .total-value{color:var(--gold);font-size:20px;font-weight:600}.total-row.balance .total-value{color:var(--gold)}.pay-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-6);background:linear-gradient(135deg, #c8924e, var(--gold));color:#1a0f00;font-family:var(--font-display);letter-spacing:.5px;border-radius:var(--radius-md);transition:all .3s var(--ease);padding:14px;font-size:14px;font-weight:600;display:flex}.pay-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px #d4a57433}.pay-btn svg{width:16px;height:16px}.pay-btn.paid-state{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);cursor:default;pointer-events:none}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);flex-direction:column;align-items:center;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:#a0988866}.empty-state h3{font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-2);font-size:18px;font-weight:500}.empty-state p{color:var(--muted);max-width:36ch;font-size:14px}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-6)}.footer-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:1px;color:var(--muted);font-size:12px;font-weight:500}.footer-attribution{color:#a0988880;transition:color .2s var(--ease);font-size:12px}.footer-attribution:hover{color:var(--muted)}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.view-toggle{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:10px;gap:2px;padding:3px;display:flex}.view-btn{font-family:var(--font-display);letter-spacing:.3px;color:var(--muted);transition:all .2s var(--ease);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.view-btn:hover{color:var(--text)}.view-btn.active{color:var(--gold);background:#d4a5741f;border:1px solid #d4a57433}.view-btn:not(.active){border:1px solid #0000}.view-btn svg{flex-shrink:0}.view-panel{display:none}.view-panel.active{display:block}.qb-sync-bar{border-radius:var(--radius-md);margin-bottom:var(--space-6);background:#2ca01c0f;border:1px solid #2ca01c33;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.qb-sync-left{align-items:center;gap:var(--space-3);display:flex}.qb-logo{justify-content:center;align-items:center;display:flex}.qb-sync-text{font-family:var(--font-display);color:var(--text);letter-spacing:.2px;font-size:13px;font-weight:500}.qb-sync-status{font-family:var(--font-display);letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:500}.qb-sync-status.connected{color:#4ade80;background:#2ca01c1f;border:1px solid #2ca01c4d}.qb-sync-right{align-items:center;gap:var(--space-4);display:flex}.qb-sync-time{color:var(--muted);font-size:12px}.qb-sync-btn{font-family:var(--font-display);color:var(--text);border:1px solid var(--border-subtle);transition:all .2s var(--ease);background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.qb-sync-btn:hover{border-color:var(--border-white);background:#ffffff1a}.qb-sync-btn.syncing svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.q-row{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all .25s var(--ease);overflow:hidden}.q-row:hover{border-color:var(--border);background:var(--surface-2);transform:translateY(-1px)}.q-row-main{grid-template-columns:1fr 90px 120px 120px 120px 100px 130px 100px;align-items:center;gap:8px;padding:14px 20px;display:grid}.q-primary{flex-direction:column;gap:2px;min-width:0;display:flex}.q-id{font-family:var(--font-display);color:var(--text);letter-spacing:.3px;font-size:13px;font-weight:500}.q-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.q-cell{font-family:var(--font-display);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-size:14px;font-weight:500}.q-cell.cogs{color:var(--muted)}.q-cell.profit{color:var(--green)}.q-cell.profit.negative{color:var(--red)}.q-cell.margin{font-size:13px}.recon-badge{font-family:var(--font-display);letter-spacing:.5px;border-radius:100px;align-items:center;gap:5px;width:fit-content;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.recon-badge .dot{border-radius:50%;width:5px;height:5px}.recon-badge.reconciled{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.recon-badge.reconciled .dot{background:var(--green)}.recon-badge.unreconciled{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.recon-badge.unreconciled .dot{background:var(--amber)}.recon-badge.flagged{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.recon-badge.flagged .dot{background:var(--red)}.profit-bar-wrap{align-items:center;gap:8px;display:flex}.profit-bar{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.profit-bar-fill{background:var(--green);height:100%;transition:width .6s var(--ease);border-radius:2px}.profit-bar-fill.low{background:var(--amber)}.profit-bar-fill.negative{background:var(--red)}.q-column-headers{margin-bottom:var(--space-1);grid-template-columns:1fr 90px 120px 120px 120px 100px 130px 100px;gap:8px;padding:0 20px 10px;display:grid}.q-col-header{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.q-col-header:not(:first-child){text-align:right}.quantum-modal{max-width:780px}.expense-table{width:100%;margin-top:var(--space-4);border-collapse:collapse}.expense-table th{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 0 var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:500}.expense-table th:nth-child(3),.expense-table th:nth-child(4),.expense-table th:last-child{text-align:right}.expense-table td{color:var(--text);vertical-align:top;border-bottom:1px solid #ffffff0a;padding:10px 0;font-size:13px}.expense-table td:nth-child(3),.expense-table td:nth-child(4){text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500}.expense-table td:last-child{text-align:right}.expense-table .exp-vendor{color:var(--muted);margin-top:2px;font-size:11px;display:block}.expense-table .exp-qb-ref{font-family:var(--font-display);color:#2ca01cb3;align-items:center;gap:4px;font-size:11px;display:flex}.match-icon{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.match-icon.matched{color:var(--green)}.match-icon.unmatched{color:var(--amber)}.match-icon.flagged{color:var(--red)}.profit-summary{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:1fr 1fr 1fr;display:grid}.profit-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.profit-card-label{color:var(--muted);letter-spacing:.2px;font-size:11px}.profit-card-value{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:20px;font-weight:600}.profit-card-value.revenue{color:var(--text)}.profit-card-value.cost{color:var(--muted)}.profit-card-value.profit{color:var(--green)}.profit-card-value.negative{color:var(--red)}.profit-card-sub{color:var(--muted);font-size:11px}.margin-bar-container{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.margin-bar-label{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.margin-bar-label span{color:var(--muted);font-size:12px}.margin-bar-label strong{font-family:var(--font-display);color:var(--text);font-weight:600}.margin-bar-track{background:#ffffff0f;border-radius:4px;height:8px;position:relative;overflow:hidden}.margin-bar-fill{height:100%;transition:width .8s var(--ease);border-radius:4px}.margin-bar-fill.healthy{background:linear-gradient(90deg, #15803d, var(--green))}.margin-bar-fill.moderate{background:linear-gradient(90deg, #b45309, var(--amber))}.margin-bar-fill.poor{background:linear-gradient(90deg, #b91c1c, var(--red))}.recon-status-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-4);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.recon-status-left{align-items:center;gap:var(--space-3);display:flex}.recon-status-text{color:var(--text);font-size:13px}.recon-status-sub{color:var(--muted);font-size:11px}.q-row{animation:fadeInUp .4s var(--ease) both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (max-width:768px){.nav-inner{position:relative}.nav-links{gap:var(--space-5)}.nav-center{position:static;transform:none}.nav-inner{flex-wrap:wrap;gap:8px;height:auto;padding-top:10px;padding-bottom:10px}.page-header-top{flex-direction:column;align-items:flex-start}.header-summary{justify-content:flex-start;gap:var(--space-4);flex-wrap:wrap;width:100%}.filters{flex-direction:column;align-items:flex-start}.search-input,.filter-search{width:100%}.column-headers,.q-column-headers{display:none}.invoice-row{gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:14px 16px}.invoice-date,.invoice-balance{display:none}.invoice-amount{grid-area:1/2}.invoice-status{grid-area:2/2;justify-content:flex-end}.invoice-primary{grid-area:1/1/span 2}.q-row-main{gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:14px 16px}.q-cell.cogs,.q-cell.margin{display:none}.q-cell:nth-child(2){grid-area:1/2}.q-cell.profit{grid-area:2/2;font-size:13px}.q-primary{grid-area:1/1/span 2}.recon-badge{grid-column:1/-1;margin-top:4px;margin-left:0}.detail-grid,.profit-summary{grid-template-columns:1fr}.qb-sync-bar{gap:var(--space-3);flex-direction:column;align-items:flex-start}.qb-sync-right{justify-content:space-between;width:100%}.modal{max-height:90vh;margin:var(--space-2)}.modal-header,.modal-body{padding-left:20px;padding-right:20px}.expense-table{font-size:12px}.expense-table th:nth-child(2),.expense-table td:nth-child(2){display:none}}@media (max-width:480px){.nav-inner{padding:0 var(--space-4)}.main{padding:var(--space-6) var(--space-4) var(--space-12)}.page-title{font-size:26px}.summary-value{font-size:22px}.month-label{font-size:9px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.invoice-row{animation:fadeInUp .4s var(--ease) both}.month-group:first-child .invoice-row{animation-delay:0s}.month-group:first-child .invoice-row:nth-child(2){animation-delay:40ms}.month-group:first-child .invoice-row:nth-child(3){animation-delay:80ms}.month-group:first-child .invoice-row:nth-child(4){animation-delay:.12s}.month-group:first-child .invoice-row:nth-child(5){animation-delay:.16s}.month-group:nth-child(2) .invoice-row{animation-delay:.2s}.month-group:nth-child(2) .invoice-row:nth-child(2){animation-delay:.24s}.month-group:nth-child(2) .invoice-row:nth-child(3){animation-delay:.28s}.month-group:nth-child(2) .invoice-row:nth-child(4){animation-delay:.32s}.month-group:nth-child(3) .invoice-row{animation-delay:.36s}.month-group:nth-child(3) .invoice-row:nth-child(2){animation-delay:.4s}.month-group:nth-child(3) .invoice-row:nth-child(3){animation-delay:.44s}.trips-content{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.trip-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease);animation:fadeInUp .4s var(--ease) both;overflow:hidden}.trip-card:hover{border-color:var(--border);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.trip-card-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 0;display:flex}.trip-card-dest{gap:var(--space-3);align-items:flex-start;display:flex}.trip-card-icon{color:var(--gold);flex-shrink:0;margin-top:2px}.trip-card-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;font-size:16px;font-weight:500;line-height:1.3}.trip-card-location{color:var(--muted);margin-top:2px;font-size:13px;display:block}.trip-card-body{padding:var(--space-4) 20px}.trip-meta{gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.trip-meta-item{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.trip-meta-item svg{color:#a0988899;flex-shrink:0}.trip-card-details{gap:var(--space-2);flex-direction:column;display:flex}.trip-detail-row{gap:var(--space-3);font-size:13px;display:flex}.trip-detail-label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);min-width:52px;padding-top:2px;font-size:10px;font-weight:500}.trip-detail-value{color:var(--text);font-size:13px;line-height:1.4}.trip-card-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-2);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.trip-invoice-count{color:var(--muted);font-size:12px}.trip-card-total{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-size:18px;font-weight:500}.trip-modal{max-width:680px}.traveler-list{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.traveler-chip{font-family:var(--font-display);color:var(--gold);letter-spacing:.2px;background:#d4a5741a;border:1px solid #d4a57433;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:500}.itinerary-timeline{margin-top:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.itin-day{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0a;display:flex}.itin-day:last-child{border-bottom:none;padding-bottom:0}.itin-day-label{font-family:var(--font-display);color:var(--gold);letter-spacing:.3px;white-space:nowrap;min-width:64px;padding-top:1px;font-size:12px;font-weight:500}.itin-day-items{flex-direction:column;gap:6px;display:flex}.itin-item{color:var(--text);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.itin-item:before{content:"";background:#a0988866;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.related-invoices{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.related-invoice-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.related-invoice-row:hover{border-color:var(--border);background:#ffffff0f}.related-inv-left{flex-direction:column;gap:2px;display:flex}.related-inv-id{font-family:var(--font-display);color:var(--text);font-size:13px;font-weight:500}.related-inv-desc{color:var(--muted);font-size:12px}.related-inv-right{align-items:center;gap:var(--space-3);display:flex}.related-inv-amount{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.account-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.account-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.profile-header{gap:var(--space-4);margin-top:var(--space-5);align-items:center;display:flex}.profile-avatar{width:56px;height:56px;font-family:var(--font-display);color:var(--gold);letter-spacing:1px;background:linear-gradient(135deg,#d4a57433,#d4a5740d);border:1px solid #d4a5744d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.profile-info{flex-direction:column;gap:2px;display:flex}.profile-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:500}.profile-title{color:var(--muted);font-size:13px}.profile-company{font-family:var(--font-display);color:var(--gold-dim);letter-spacing:.3px;font-size:12px;font-weight:500}.profile-details{margin-top:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.profile-detail-row{align-items:center;gap:var(--space-3);color:var(--muted);font-size:13px;display:flex}.profile-detail-row svg{color:#a0988880;flex-shrink:0}.tier-badge-wrap{margin-top:var(--space-5)}.tier-badge{font-family:var(--font-display);letter-spacing:.5px;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.tier-badge.platinum{color:var(--gold);background:linear-gradient(135deg,#d4a57426,#d4a5740d);border:1px solid #d4a5744d}.tier-badge svg{color:var(--gold)}.account-stats{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.account-stat{flex-direction:column;gap:4px;display:flex}.account-stat-value{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:28px;font-weight:600}.account-stat-label{color:var(--muted);font-size:12px}.pref-list{margin-top:var(--space-4);flex-direction:column;gap:0;display:flex}.pref-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid #ffffff0a;padding:10px 0;display:flex}.pref-row:last-child{border-bottom:none}.pref-label{font-family:var(--font-display);letter-spacing:.5px;color:var(--muted);flex-shrink:0;min-width:80px;padding-top:1px;font-size:11px;font-weight:500}.pref-value{color:var(--text);text-align:right;font-size:13px;line-height:1.5}.payment-history-card{grid-column:1/-1}.payment-table{width:100%;margin-top:var(--space-4);border-collapse:collapse}.payment-table th{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:0 0 var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:500}.payment-table th:last-child{text-align:right}.payment-table td{color:var(--text);border-bottom:1px solid #ffffff0a;padding:12px 0;font-size:13px}.payment-inv-link{font-family:var(--font-display);color:var(--gold);cursor:pointer;transition:color .2s var(--ease);font-size:13px;font-weight:500}.payment-inv-link:hover{color:var(--text)}.qt-column-headers{margin-bottom:var(--space-1);grid-template-columns:1fr 120px 120px 120px 100px 130px;gap:8px;padding:0 20px 10px;display:grid}.qt-row-main{grid-template-columns:1fr 120px 120px 120px 100px 130px;align-items:center;gap:8px;padding:14px 20px;display:grid}.qt-invoice-breakdown{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-4);background:#ffffff08;padding:16px}.qt-inv-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.qt-inv-totals{gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-family:var(--font-display);color:var(--muted);font-size:13px;font-weight:500;display:flex}.qa-stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.qa-stat-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}.qa-stat-big{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-1px;margin-top:var(--space-3);font-size:32px;font-weight:600;display:block}.qa-stat-sub{color:var(--muted);margin-top:4px;font-size:12px;display:block}.recon-health{gap:var(--space-3);flex-direction:column;display:flex}.recon-health-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.recon-health-row:last-child{border-bottom:none}.recon-health-count{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:600}.txn-summary-row{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.txn-summary-stat{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;padding:16px 20px}.txn-summary-value{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:28px;font-weight:600;display:block}.txn-summary-label{color:var(--muted);margin-top:4px;font-size:11px;display:block}.txn-list{gap:var(--space-4);flex-direction:column;display:flex}.txn-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:fadeInUp .4s var(--ease) both;overflow:hidden}.txn-card-top{justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.txn-card-left{flex:1;min-width:0}.txn-vendor-row{align-items:center;gap:var(--space-3);margin-bottom:4px;display:flex}.txn-vendor{font-family:var(--font-display);color:var(--text);letter-spacing:-.1px;font-size:15px;font-weight:500}.txn-date{color:var(--muted);font-size:12px}.txn-description{color:var(--muted);margin-bottom:var(--space-3);font-size:13px;display:block}.txn-meta-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.txn-meta-chip{font-family:var(--font-display);letter-spacing:.3px;border:1px solid var(--border-subtle);color:var(--muted);background:#ffffff0a;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:500}.txn-id-chip{font-variant-numeric:tabular-nums}.txn-card-right{text-align:right;padding-left:var(--space-4);flex-shrink:0}.txn-amount{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:20px;font-weight:600}.txn-suggestion{background:#d4a5740a;border-top:1px solid #d4a57426;padding:16px 20px}.txn-suggestion-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.txn-suggestion-header svg{color:var(--gold);flex-shrink:0}.txn-suggestion-label{font-family:var(--font-display);letter-spacing:.5px;color:var(--gold);font-size:11px;font-weight:500}.confidence-badge{font-family:var(--font-display);border-radius:100px;margin-left:auto;padding:2px 10px;font-size:10px;font-weight:500}.confidence-badge.high{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.confidence-badge.medium{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.confidence-badge.low{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.confidence-badge.none{border:1px solid var(--border-subtle);color:var(--muted);background:#ffffff0a}.txn-suggestion-body{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease);background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.txn-suggestion-body:hover{border-color:var(--border);background:#ffffff0f}.txn-match-invoice{flex-direction:column;gap:2px;display:flex}.txn-match-id{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:500}.txn-match-desc{color:var(--muted);font-size:12px}.txn-match-actions{gap:var(--space-2);display:flex}.txn-action-btn{font-family:var(--font-display);transition:all .2s var(--ease);letter-spacing:.2px;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:11px;font-weight:500;display:flex}.txn-action-btn.accept{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.txn-action-btn.accept:hover{background:#15803d40}.txn-action-btn.reject{border:1px solid var(--border-subtle);color:var(--muted);background:#ffffff0a}.txn-action-btn.reject:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.txn-match-reason{margin-top:var(--space-3);color:var(--muted);align-items:flex-start;gap:6px;font-size:11px;line-height:1.5;display:flex}.txn-match-reason svg{color:#a0988880;flex-shrink:0;margin-top:1px}.txn-no-match{align-items:center;gap:var(--space-2);border-top:1px solid var(--border-subtle);color:var(--muted);padding:14px 20px;font-size:12px;display:flex}.txn-no-match svg{color:#a0988880;flex-shrink:0}@media (max-width:768px){.trips-content,.account-grid{grid-template-columns:1fr}.qa-stats-row,.txn-summary-row{grid-template-columns:1fr 1fr}.qt-column-headers{display:none}.qt-row-main{gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:1fr auto;padding:14px 16px}.txn-card-top{gap:var(--space-3);flex-direction:column}.txn-card-right{text-align:left;padding-left:0}.txn-suggestion-body{gap:var(--space-3);flex-direction:column;align-items:flex-start}.txn-match-actions{width:100%}.txn-action-btn{flex:1;justify-content:center}.account-stats{grid-template-columns:1fr 1fr}.profile-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.qa-stats-row,.txn-summary-row,.account-stats{grid-template-columns:1fr}}.client-view-container{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.client-view-header{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border-bottom:1px solid var(--border);background-color:var(--bg);z-index:10;display:flex;position:sticky;top:0}.standalone-card{background:var(--surface);border:1px solid var(--border);max-width:600px;margin:var(--space-8) auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #0006}.karnak-date-wrapper{align-items:center;width:100%;display:flex;position:relative}.karnak-date-icon{color:var(--muted);pointer-events:none;position:absolute;left:.75rem}.karnak-date-input{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--fg);appearance:none;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:4px;padding:.5rem .5rem .5rem 2.25rem;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.karnak-date-input:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);outline:none}.karnak-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.karnak-date-input::-webkit-date-and-time-value{text-align:left}