.vendor-cost-ledger{--vc-primary:#4f46e5;--vc-border:#dfe5ef;--vc-muted:#73819a;width:100%;color:#1f2a3d}.vendor-cost-ledger__heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem}.vendor-cost-ledger__heading span{color:#71809a;font-size:.72rem}.vendor-cost-ledger__heading h1{display:inline-block;margin:.25rem .7rem 0 0;font-size:1.7rem;font-weight:800}.vendor-cost-ledger__heading p{display:inline;color:#71809a;font-size:.78rem}.vendor-cost-ledger__actions{display:flex;gap:.65rem}.vendor-cost-ledger__actions svg{width:1rem}.vendor-cost-ledger__tabs{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid var(--vc-border);border-radius:.7rem;background:#fff}.vendor-cost-ledger__tabs a.is-active{color:var(--vc-primary);font-weight:700}.vendor-cost-ledger__raw{padding:1rem;border:1px solid var(--vc-border);border-radius:.7rem;background:#fff}.vendor-cost-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.vendor-cost-kpis article{display:grid;grid-template-columns:2.8rem 1fr auto;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--vc-border);border-radius:.75rem;background:#fff}.vendor-cost-kpis i{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:50%}.vendor-cost-kpis i svg{width:1.25rem}.vendor-cost-kpis .is-indigo{background:#eef0ff;color:#5654ea}.vendor-cost-kpis .is-green{background:#e9f9f1;color:#14a364}.vendor-cost-kpis .is-orange{background:#fff2e6;color:#f27b21}.vendor-cost-kpis .is-red{background:#fff0ef;color:#e5534d}.vendor-cost-kpis span{font-size:.72rem}.vendor-cost-kpis small{display:block;margin-top:.25rem;color:var(--vc-muted);font-size:.6rem}.vendor-cost-kpis strong{font-size:1.2rem}.vendor-cost-ledger .is-profit{color:#13965a}.vendor-cost-ledger .is-loss{color:#dc4451}.vendor-cost-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(18rem,1fr);gap:1rem;align-items:start}.vendor-cost-main,.vendor-cost-side section{border:1px solid var(--vc-border);border-radius:.75rem;background:#fff;overflow:hidden}.vendor-cost-main>header,.vendor-cost-side section>header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.vendor-cost-main h2,.vendor-cost-side h2{font-size:.9rem;font-weight:750}.vendor-cost-main>header span,.vendor-cost-side header span{color:var(--vc-muted);font-size:.68rem}.vendor-cost-filters{display:grid;grid-template-columns:10rem 11rem 1fr 2.4rem;gap:.65rem;padding:.7rem 1rem;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.vendor-cost-filters label{display:flex;align-items:center;gap:.45rem;height:2.35rem;padding:0 .65rem;border:1px solid #dbe2ec;border-radius:.45rem}.vendor-cost-filters svg{width:1rem;color:#8290a6}.vendor-cost-filters input,.vendor-cost-filters select{width:100%;border:0;background:transparent;font-size:.7rem;outline:0}.vendor-cost-filters button{display:grid;place-items:center;border:0;background:transparent;color:#66758d}.vendor-cost-head,.vendor-cost-group summary{display:grid;grid-template-columns:1.35fr .55fr .85fr .85fr .85fr .75fr .9fr .7fr;gap:.65rem;align-items:center}.vendor-cost-head{padding:.7rem 1rem;background:#f8f9fc;color:#6f7d94;font-size:.62rem;font-weight:700}.vendor-cost-group{border-top:1px solid #e8edf4}.vendor-cost-group summary{min-height:4rem;padding:.7rem 1rem;cursor:pointer;list-style:none;font-size:.68rem}.vendor-cost-group summary::-webkit-details-marker{display:none}.vendor-cost-group summary b,.vendor-cost-group summary small{display:block}.vendor-cost-group summary small{margin-top:.2rem;color:var(--vc-muted)}.vendor-cost-group summary em{display:flex;align-items:center;gap:.25rem;color:#5146e5;font-style:normal;font-weight:700}.vendor-cost-group summary em svg{width:.8rem;transition:transform .2s}.vendor-cost-group[open] summary em svg{transform:rotate(180deg)}.vendor-cost-status{justify-self:start;padding:.26rem .45rem;border-radius:.3rem;font-size:.6rem;font-weight:700;white-space:nowrap}.vendor-cost-status.is-reconciled{background:#e9f8ef;color:#159253}.vendor-cost-status.is-estimated{background:#fff4df;color:#d9890f}.vendor-cost-status.is-variance{background:#feeaea;color:#df4949}.vendor-cost-status.is-manual_required{background:#fff0e4;color:#e56e1c}.vendor-cost-detail-head,.vendor-cost-detail-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr .8fr;gap:.7rem;align-items:center}.vendor-cost-detail-head{padding:.55rem 2rem;background:#f6f8fb;color:#71809a;font-size:.59rem;font-weight:700}.vendor-cost-detail-row{padding:.65rem 2rem;border-top:1px solid #edf0f5;background:#fbfcfe;font-size:.64rem}.vendor-cost-detail-row b,.vendor-cost-detail-row small{display:block}.vendor-cost-detail-row small{margin-top:.18rem;color:#7a879c}.vendor-cost-empty{display:grid;min-height:15rem;place-items:center;align-content:center;gap:.5rem;color:#7a879c}.vendor-cost-empty svg{width:2rem}.vendor-cost-note{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;border-top:1px solid #e8edf4;background:#fafbfc;color:#68768d;font-size:.63rem}.vendor-cost-note svg{width:1rem;color:#5968e9}.vendor-cost-side{display:grid;gap:1rem}.vendor-cost-side section{padding-bottom:1rem}.vendor-cost-side header a{color:#5363e5;font-size:.64rem}.vendor-composition{display:grid;gap:.75rem;padding:0 1rem}.vendor-composition p{display:flex;justify-content:space-between;font-size:.66rem}.vendor-composition p span{color:#71809a}.vendor-composition i{display:block;height:.36rem;margin-top:.35rem;border-radius:999px;background:#edf0f5;overflow:hidden}.vendor-composition em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#7c70f2)}.vendor-composition .is-empty{color:#71809a}.vendor-progress{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:0 1rem}.vendor-progress>div{--progress:0;display:grid;width:7.5rem;height:7.5rem;margin:auto;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 60%,transparent 61%),conic-gradient(#4f46e5 calc(var(--progress)*1%),#e8ecf3 0)}.vendor-progress>div b,.vendor-progress>div small{grid-area:1/1}.vendor-progress>div b{margin-top:-.9rem;font-size:1.35rem}.vendor-progress>div small{margin-top:1.4rem;color:#71809a;font-size:.62rem}.vendor-progress dl p{margin:.7rem 0}.vendor-progress dt{color:#71809a;font-size:.65rem}.vendor-progress dd{font-size:1.1rem;font-weight:750;color:#4f46e5}.vendor-progress dl p:last-child dd{color:#f97316}.vendor-rate{padding:0 1rem}.vendor-rate b{color:#71809a;font-size:.68rem}.vendor-rate strong{float:right;font-size:1rem}.vendor-rate p{display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.6rem;border-top:1px solid #edf0f5;color:#71809a;font-size:.62rem}.vendor-rate.is-missing{color:#dc4451;font-size:.66rem}.vendor-cost-ledger .admin-btn{display:inline-flex;align-items:center;gap:.35rem}
@media(max-width:1280px){.vendor-cost-kpis{grid-template-columns:repeat(2,1fr)}.vendor-cost-layout{grid-template-columns:1fr}.vendor-cost-side{grid-template-columns:repeat(3,1fr)}.vendor-cost-main{overflow-x:auto}.vendor-cost-main>*{min-width:68rem}}
@media(max-width:760px){.vendor-cost-ledger__heading{display:block}.vendor-cost-ledger__actions{margin-top:.75rem}.vendor-cost-kpis{grid-template-columns:1fr}.vendor-cost-side{grid-template-columns:1fr}}
.vendor-cost-ledger__heading>div:first-child>span{display:block;margin-bottom:.2rem}
