.supplier-body{min-height:100vh;background:#05070b;color:#fff}.supplier-sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:22px;background:#090d13;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.supplier-sidebar img{width:100%;max-height:105px;object-fit:contain}.supplier-main{margin-left:230px;padding:42px}.supplier-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.supplier-head h1{font-size:clamp(3rem,7vw,6rem);margin:6px 0}.supplier-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.supplier-stats article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0a0e14}.supplier-stats span,.supplier-preview span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.supplier-stats strong,.supplier-preview strong{display:block;margin-top:7px;font-size:1.45rem}.supplier-table-wrap{overflow-x:auto}.supplier-table{display:grid;grid-template-columns:minmax(190px,1.5fr) 90px 120px 120px 110px 90px 70px 90px;gap:10px;align-items:center;min-width:900px}.supplier-table-head{padding:0 10px 8px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.supplier-row{padding:11px 10px;margin:7px 0;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#080c12}.supplier-row.low-margin{border-color:#ffd35c}.supplier-row strong,.supplier-row span{overflow:hidden;text-overflow:ellipsis}.supplier-margin.good{color:var(--green)}.supplier-margin.low{color:#ffd35c}.supplier-modal{overflow-y:auto}.supplier-modal-card{width:min(820px,96vw);max-height:none;margin:20px auto;padding:28px}.supplier-modal-card label{display:block;margin:10px 0 6px;color:var(--muted);font-size:.78rem}.supplier-modal-card input,.supplier-modal-card select,.supplier-modal-card textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#070a0f;color:#fff}.supplier-modal-card textarea{min-height:90px}.supplier-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.supplier-preview>div{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#080c12}.supplier-auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#05070b}.supplier-auth-gate[hidden]{display:none!important}.supplier-auth-card{width:min(420px,94vw);padding:28px;border:1px solid var(--line);border-radius:16px;background:#0a0e14}.supplier-auth-card img{display:block;width:220px;max-width:100%;margin:0 auto 20px}.supplier-auth-card input{width:100%;margin:7px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#070a0f;color:#fff}@media(max-width:900px){.supplier-sidebar{position:relative;width:auto}.supplier-main{margin-left:0;padding:24px}.supplier-stats,.supplier-preview{grid-template-columns:1fr 1fr}}@media(max-width:560px){.supplier-stats,.supplier-preview{grid-template-columns:1fr}.supplier-head{flex-direction:column}}
.supplier-row .actions{
  display:flex;
  gap:6px;
}
.supplier-row .btn{
  padding:7px 9px;
}