.expense-show-page{--es-primary:#5547e9;--es-text:#172033;--es-muted:#7c879b;--es-border:#e4e8ef;--es-bg:#f7f8fc;color:var(--es-text);font-size:.9rem}.expense-show-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.expense-show-title-wrap{display:flex;align-items:flex-start;gap:1rem}.expense-back-button{width:2.5rem;height:2.5rem;padding:0;display:grid;place-items:center;border-color:var(--es-border);background:#fff}.expense-show-title-wrap h1{font-size:1.65rem;font-weight:750;letter-spacing:-.025em;margin:0}.expense-show-title-wrap p{color:var(--es-muted);margin:.35rem 0 0}.expense-reference{font-weight:650;color:#a0a8b8}.expense-show-actions{display:flex;align-items:center;gap:.65rem}.expense-show-actions .btn{min-height:2.55rem;display:inline-flex;align-items:center;gap:.45rem;font-weight:650;border-radius:.55rem}.expense-show-actions .btn-primary{background:var(--es-primary);border-color:var(--es-primary)}.expense-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:2rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;line-height:1}.expense-pill--category{background:#dceaff;color:#275fd3}.expense-pill--validated{background:#d8f8e9;color:#09875c}.expense-pill--paid{background:#dbf2ff;color:#087eb5}.expense-pill--draft{background:#edf0f4;color:#667085}.expense-pill--allocation{background:#dff4ff;color:#147ca7}.expense-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.expense-kpi-card{position:relative;background:#fff;border:1px solid var(--es-border);border-radius:.9rem;padding:1.2rem;min-height:7.4rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.expense-kpi-card--featured{border-left:4px solid #6258f5}.expense-kpi-card small{display:block;color:#6d778a;font-weight:650;margin-bottom:.7rem}.expense-kpi-card strong{display:block;font-size:1.35rem;line-height:1.1}.expense-kpi-card--featured strong{color:#4a3de3}.expense-kpi-card p{color:#a0a8b8;font-size:.78rem;margin:.45rem 0 0}.expense-kpi-icon{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border-radius:.55rem;background:#f1f3f7;color:#98a2b3;display:grid;place-items:center;font-size:1.1rem}.expense-kpi-icon--blue{background:#edf2ff;color:#5b6fec}.expense-kpi-icon--purple{background:#f0edff;color:#8067ee}.expense-kpi-icon--indigo{background:#e9edff;color:#584be9}.expense-kpi-icon--green{background:#e5faf1;color:#10a675}.expense-show-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem;align-items:start}.expense-show-main,.expense-show-sidebar{display:flex;flex-direction:column;gap:1.25rem}.expense-detail-card,.expense-side-card{background:#fff;border:1px solid var(--es-border);border-radius:.85rem;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.03)}.expense-card-heading,.expense-side-heading{min-height:3.8rem;padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #edf0f4}.expense-card-heading h2,.expense-side-heading h2{font-size:.9rem;text-transform:uppercase;font-weight:750;margin:0}.expense-section-icon{width:1.9rem;height:1.9rem;border-radius:.5rem;display:grid;place-items:center}.expense-section-icon--blue{background:#e9edff;color:#5d54ec}.expense-section-icon--green{background:#dff8ed;color:#12a976}.expense-section-icon--cyan{background:#def4ff;color:#1689b8}.expense-card-body{padding:1.25rem}.expense-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem 3rem}.expense-info-grid small,.expense-amount-grid small{display:block;color:#98a2b3;text-transform:uppercase;font-size:.69rem;font-weight:750;margin-bottom:.35rem}.expense-info-grid p{font-weight:600;margin:0}.expense-supplier,.expense-user{display:flex;align-items:center;gap:.55rem}.expense-supplier>span,.expense-user>span,.expense-client-avatar{width:1.9rem;height:1.9rem;border-radius:.4rem;background:#2867e8;color:#fff;display:inline-grid;place-items:center;font-size:.72rem;font-weight:750}.expense-supplier a{color:#5c55ed}.expense-user>span{border-radius:50%;background:#0e91ae}.expense-user em{color:#a0a8b8;font-size:.75rem;font-style:normal;font-weight:500}.expense-info-grid code{color:#344054;background:#f4f6f8;border:1px solid #e5e9ef;border-radius:.35rem;padding:.2rem .45rem}.expense-info-comment{grid-column:1/-1}.expense-info-comment p{background:#f7f8fa;border:1px solid #eef0f4;border-radius:.6rem;padding:.8rem 1rem;color:#667085}.expense-amount-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;background:#edf1ff;border:1px solid #dce3ff;border-radius:.7rem;padding:1rem}.expense-amount-summary>div{padding:0 1rem;border-right:1px solid #ccd5fc}.expense-amount-summary>div:first-child{padding-left:0}.expense-amount-summary small{display:block;color:#5e58e7;font-size:.72rem;font-weight:650;margin-bottom:.25rem}.expense-amount-summary strong{font-size:1.25rem}.expense-amount-summary>div:nth-child(3) strong{color:#493ce1;font-size:1.45rem}.expense-amount-summary>span{width:2.6rem;height:2.6rem;border-radius:.65rem;background:#5547e9;color:#fff;display:grid;place-items:center;font-size:1.25rem;margin-left:1rem}.expense-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.expense-amount-grid>div{background:#f8f9fb;border:1px solid #f0f1f4;border-radius:.7rem;padding:1rem}.expense-amount-grid strong{font-size:1.05rem}.expense-amount-grid .expense-amount-total{background:#eef2ff;border-color:#dde4ff}.expense-amount-total small,.expense-amount-total strong{color:#5148e6}.expense-allocation-card .expense-card-heading{justify-content:flex-start}.expense-allocation-progress{display:flex;align-items:center;gap:.55rem;margin-left:auto}.expense-allocation-progress>span{width:6rem;height:.35rem;background:#e8ebef;border-radius:1rem;overflow:hidden}.expense-allocation-progress>span i{display:block;height:100%;background:#20b887;border-radius:1rem}.expense-allocation-progress strong{font-size:.75rem;color:#168d67}.expense-allocation-progress em{font-style:normal;font-size:.69rem;font-weight:700;color:#168d67;border:1px solid #aee8d2;border-radius:2rem;padding:.2rem .5rem}.expense-allocation-table{font-size:.78rem}.expense-allocation-table thead th{padding:.75rem 1rem;color:#7c8799;background:#fbfcfd;border-color:#edf0f4;text-transform:uppercase;font-size:.65rem;white-space:nowrap}.expense-allocation-table td{padding:1rem;border-color:#f0f2f5;white-space:nowrap}.expense-allocation-table tfoot th{background:#fbfcfd;border-top:1px solid #dfe4ea;padding:.8rem 1rem}.expense-project-name{display:flex;align-items:center;gap:.65rem}.expense-project-name>i{width:.45rem;height:.45rem;border-radius:50%}.expense-project-name span{display:flex;flex-direction:column}.expense-project-name small{color:#98a2b3}.expense-client-avatar{width:1.35rem;height:1.35rem;border-radius:50%;color:#5b55df;background:#e8e9ff;margin-right:.4rem}.expense-percent{display:flex;align-items:center;gap:.6rem}.expense-percent span{width:4rem;height:.35rem;border-radius:1rem;background:#e8ebef;overflow:hidden}.expense-percent span i{display:block;background:#675cf1;height:100%;border-radius:1rem}.expense-percent strong{color:#5547e9}.expense-impact{display:inline-flex;align-items:center;gap:.25rem;color:#bd6507;background:#fff5dc;border:1px solid #f4d58c;border-radius:2rem;padding:.25rem .5rem;font-weight:700}.expense-project-link{color:#5547e9;text-decoration:none;font-weight:700}.expense-side-heading{justify-content:space-between;padding:.85rem 1rem}.expense-side-heading h2{text-transform:uppercase;font-size:.72rem;color:#4c5668}.expense-side-body{padding:1rem}.expense-receipt-preview{height:8.1rem;border:1px solid #ffcfd2;background:#fff0f1;border-radius:.75rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fa5360;text-decoration:none;overflow:hidden}.expense-receipt-preview img{width:100%;height:100%;object-fit:cover}.expense-receipt-preview>i{font-size:2.2rem}.expense-receipt-preview strong{font-size:.75rem}.expense-receipt-preview small{font-size:.7rem}.expense-receipt-preview b{position:absolute;right:.55rem;top:.55rem;background:#f0444f;color:#fff;border-radius:.25rem;padding:.15rem .35rem;font-size:.65rem}.expense-receipt-file{display:flex;align-items:center;gap:.7rem;background:#f8f9fb;border:1px solid #eef0f4;border-radius:.6rem;padding:.7rem;margin-top:.7rem;min-width:0}.expense-receipt-file>i{font-size:1.4rem;color:#f0525c}.expense-receipt-file span{display:flex;flex-direction:column;min-width:0}.expense-receipt-file strong{font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-receipt-file small{color:#98a2b3;font-size:.68rem}.grid-2{grid-template-columns:1fr 1fr}.expense-side-body .btn{font-size:.72rem;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:.35rem}.expense-empty-receipt{text-align:center;color:#98a2b3;padding:1.5rem 0}.expense-empty-receipt>i{font-size:2rem}.expense-timeline{list-style:none;padding:0;margin:0}.expense-timeline li{position:relative;display:flex;gap:.8rem;padding-bottom:1.35rem}.expense-timeline li:last-child{padding-bottom:0}.expense-timeline li:not(:last-child):after{content:"";position:absolute;left:.68rem;top:1.45rem;bottom:.1rem;width:1px;background:#e2e6eb}.expense-timeline li>i{position:relative;z-index:1;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;background:#e9edf2;color:#9ba5b4;font-size:.75rem}.expense-timeline li.is-done>i{background:#1bb987;color:#fff;box-shadow:0 0 0 .25rem #e0f8ef}.expense-timeline div{display:flex;flex-direction:column}.expense-timeline strong{font-size:.75rem}.expense-timeline small,.expense-timeline span{color:#98a2b3;font-size:.68rem}.expense-quick-actions{display:flex;flex-direction:column;gap:.5rem}.expense-quick-actions form{margin:0}.expense-quick-actions a,.expense-quick-actions button{width:100%;min-height:3rem;background:#fff;border:1px solid #e4e8ee;border-radius:.65rem;color:#4f596b;text-decoration:none;display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;font-weight:650;text-align:left}.expense-quick-actions a>i:first-child,.expense-quick-actions button>i:first-child{width:1.8rem;height:1.8rem;border-radius:.45rem;background:#eef0ff;color:#5b54e9;display:grid;place-items:center;font-size:1rem}.expense-quick-actions .expense-mark-paid{background:#edf9ff;border-color:#b9e4fa;color:#117baa}.expense-quick-actions .expense-mark-paid>i:first-child{background:#d8f3ff;color:#1091c3}
@media(max-width:1300px){.expense-kpi-grid{grid-template-columns:repeat(3,1fr)}.expense-show-layout{grid-template-columns:minmax(0,1fr) 17rem}}
@media(max-width:991.98px){.expense-show-header{flex-direction:column}.expense-show-actions{width:100%;flex-wrap:wrap}.expense-kpi-grid{grid-template-columns:repeat(2,1fr)}.expense-show-layout{grid-template-columns:1fr}.expense-show-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.expense-show-sidebar .expense-side-card:last-child{grid-column:1/-1}}
@media(max-width:767.98px){.expense-show-title-wrap h1{font-size:1.35rem}.expense-kpi-grid,.expense-info-grid,.expense-amount-grid,.expense-show-sidebar{grid-template-columns:1fr}.expense-info-comment,.expense-show-sidebar .expense-side-card:last-child{grid-column:auto}.expense-amount-summary{grid-template-columns:1fr;gap:.8rem}.expense-amount-summary>div{border-right:0;border-bottom:1px solid #ccd5fc;padding:0 0 .7rem}.expense-amount-summary>span{display:none}.expense-allocation-progress{display:none}.expense-show-actions .btn{flex:1}.expense-show-actions .dropdown .btn{width:100%}}