.supplier-index-page{--si-primary:#5547e9;--si-text:#172033;--si-muted:#7d8799;--si-border:#e2e7ed;color:var(--si-text);font-size:.88rem}.supplier-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.supplier-page-heading>div:first-child>span{width:2.7rem;height:2.7rem;border-radius:.75rem;background:#e9edff;color:#5547e9;display:grid;place-items:center;font-size:1.35rem}.supplier-page-heading h1{font-size:1.5rem;font-weight:750;letter-spacing:-.02em;margin:0}.supplier-page-heading p{color:var(--si-muted);margin:.25rem 0 0}.supplier-heading-actions{display:flex;gap:.6rem}.supplier-heading-actions .btn{min-height:2.65rem;display:inline-flex;align-items:center;gap:.4rem;border-radius:.55rem;font-weight:650}.supplier-heading-actions .btn-primary,.supplier-filter-card .btn-primary{background:var(--si-primary);border-color:var(--si-primary)}.supplier-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.supplier-kpi-grid article{position:relative;min-height:8rem;padding:1.15rem;background:#fff;border:1px solid var(--si-border);border-radius:.85rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.supplier-kpi-grid article>i{width:2.1rem;height:2.1rem;border-radius:.55rem;background:#e9edff;color:#5a50e6;display:grid;place-items:center}.supplier-kpi-grid article:nth-child(2)>i{color:#1d79d2;background:#e7f3ff}.supplier-kpi-grid article:nth-child(3)>i{color:#7d52e7;background:#f0ebff}.supplier-kpi-grid article:nth-child(4)>i{color:#7d8797;background:#f0f2f5}.supplier-kpi-grid article:nth-child(5)>i{color:#06a574;background:#e0f9ee}.supplier-kpi-grid article>span{position:absolute;right:1rem;top:1rem;color:#079468;background:#dcf8eb;border-radius:2rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.supplier-kpi-grid article>em{position:absolute;right:1rem;top:1.2rem;color:#7f8999;font-style:normal;font-size:.68rem}.supplier-kpi-grid strong{display:block;font-size:1.5rem;margin-top:1rem}.supplier-kpi-grid p{color:#7d8799;margin:.35rem 0 0}.supplier-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem;align-items:start}.supplier-filter-card,.supplier-table-card,.supplier-quick-card{background:#fff;border:1px solid var(--si-border);border-radius:.85rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.supplier-filter-card{display:grid;grid-template-columns:minmax(18rem,2fr) repeat(3,minmax(8rem,1fr)) auto auto;gap:.75rem;align-items:end;padding:1rem;margin-bottom:1rem}.supplier-filter-card label{display:block;color:#697487;font-size:.68rem;font-weight:700;margin-bottom:.35rem}.supplier-filter-card .form-control,.supplier-filter-card .form-select{height:2.6rem;border-color:#dce2e9;border-radius:.55rem;font-size:.8rem}.supplier-filter-search>div{position:relative}.supplier-filter-search i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#9ba5b4}.supplier-filter-search input{padding-left:2.2rem}.supplier-filter-card .btn{height:2.6rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.supplier-filter-card>a{align-self:center;color:#5f51e7;text-decoration:none;font-size:.72rem;font-weight:650}.supplier-table-card{overflow:hidden}.supplier-table-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:3.8rem;padding:.8rem 1.2rem;border-bottom:1px solid #edf0f4}.supplier-table-toolbar>div{display:flex;gap:.5rem}.supplier-table-toolbar span{color:#98a2b3}.supplier-table-toolbar label{display:flex;align-items:center;gap:.5rem;color:#7d8799;font-size:.7rem}.supplier-table-toolbar select{width:10rem;border-color:#dce2e9}.supplier-table{font-size:.75rem}.supplier-table thead th{padding:.8rem .75rem;color:#6e7889;background:#fafbfc;border-color:#e9edf2;text-transform:uppercase;font-size:.62rem;white-space:nowrap}.supplier-table tbody td{padding:.9rem .75rem;border-color:#eef1f4;color:#556174}.supplier-table tbody tr:hover{background:#fafbff}.supplier-table tr.is-archived{opacity:.52}.supplier-name{display:flex;align-items:center;gap:.65rem;min-width:9.5rem}.supplier-name>span{width:2.1rem;height:2.1rem;border-radius:.55rem;color:var(--supplier-color);background:color-mix(in srgb,var(--supplier-color) 15%,white);display:grid;place-items:center;font-size:.72rem;font-weight:750}.supplier-name>div{display:flex;flex-direction:column}.supplier-name strong{color:#273143}.supplier-name small{color:#9aa4b4}.supplier-type,.supplier-status{display:inline-flex;align-items:center;gap:.3rem;border-radius:2rem;padding:.3rem .55rem;white-space:nowrap;font-size:.68rem;font-weight:700}.supplier-type.is-company{color:#236ed8;background:#e9f3ff;border:1px solid #cde3fb}.supplier-type.is-individual{color:#7443df;background:#f0eaff;border:1px solid #dfd1ff}.supplier-table code{color:#526071;background:#f5f6f8;border-radius:.25rem;padding:.2rem .35rem}.supplier-table em{color:#a1a9b5;font-size:.68rem}.supplier-status i{width:.35rem;height:.35rem;border-radius:50%;background:currentColor}.supplier-status.is-active{color:#078a61;background:#dcf8eb;border:1px solid #ade8d1}.supplier-status.is-archived{color:#7e8796;background:#f0f2f5;border:1px solid #dfe3e8}.supplier-view-link{display:flex;flex-direction:column;align-items:center;font-size:.68rem;font-weight:700}.supplier-table-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;color:#7d8799;border-top:1px solid #edf0f4;font-size:.7rem}.supplier-table-footer nav{display:flex;align-items:center;gap:.25rem}.supplier-table-footer nav a,.supplier-table-footer nav span{min-width:2rem;height:2rem;border-radius:.45rem;display:grid;place-items:center;color:#697486;text-decoration:none}.supplier-table-footer nav a.is-active{color:#fff;background:#5547e9}.supplier-table-footer label{display:flex;align-items:center;gap:.5rem}.supplier-table-footer select{width:4.2rem}.supplier-quick-card{position:sticky;top:1rem;overflow:hidden}.supplier-quick-card>div{display:flex;align-items:center;gap:.7rem;min-height:3.8rem;padding:.9rem 1rem;border-bottom:1px solid #edf0f4}.supplier-quick-card>div>span{width:1.9rem;height:1.9rem;border-radius:.5rem;color:#5547e9;background:#e9edff;display:grid;place-items:center}.supplier-quick-card h2{font-size:.88rem;font-weight:750;margin:0}.supplier-quick-card section{display:flex;flex-direction:column;gap:.7rem;padding:1rem}.supplier-quick-card section>a{display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid #e3e7ed;border-radius:.7rem;color:#596476;text-decoration:none}.supplier-quick-card section>a>i{width:2.1rem;height:2.1rem;border-radius:.55rem;background:#eef0f3;color:#7a8495;display:grid;place-items:center;font-size:1.1rem}.supplier-quick-card section>a>span{display:flex;flex-direction:column}.supplier-quick-card section strong{font-size:.72rem}.supplier-quick-card section small{color:#98a2b3;font-size:.68rem}.supplier-quick-card section>a.is-primary{color:#5946da;background:#eef1ff;border-color:#d9dfff}.supplier-quick-card section>a.is-primary>i{color:#5946da;background:#dfe4ff}.supplier-quick-card section>a.is-primary small{color:#786de6}.supplier-quick-card section>a.is-warning{color:#b66004;background:#fff8e4;border-color:#f3dfaa}.supplier-quick-card section>a.is-warning>i{color:#d68700;background:#ffefbd}.supplier-quick-card section>a.is-warning small{color:#e29300}.supplier-index-page .modal-content{border:0;border-radius:.85rem}.supplier-index-page .modal-header,.supplier-index-page .modal-footer{border-color:#edf0f4}
@media(max-width:1350px){.supplier-kpi-grid{grid-template-columns:repeat(3,1fr)}.supplier-content-layout{grid-template-columns:minmax(0,1fr) 17rem}.supplier-filter-card{grid-template-columns:repeat(3,1fr)}.supplier-filter-search{grid-column:span 2}}
@media(max-width:991.98px){.supplier-page-heading{align-items:flex-start;flex-direction:column}.supplier-kpi-grid{grid-template-columns:repeat(2,1fr)}.supplier-content-layout{grid-template-columns:1fr}.supplier-quick-card{position:static}.supplier-filter-card{grid-template-columns:repeat(2,1fr)}.supplier-filter-search{grid-column:1/-1}}
@media(max-width:767.98px){.supplier-kpi-grid,.supplier-filter-card{grid-template-columns:1fr}.supplier-filter-search{grid-column:auto}.supplier-heading-actions{width:100%;flex-wrap:wrap}.supplier-heading-actions .btn{flex:1}.supplier-table-footer{align-items:flex-start;flex-direction:column}}