.topbar{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:24px}.topbar nav{justify-content:center}.topbar nav a{display:inline-flex;align-items:center;gap:7px}.topbar nav i{font-size:15px;color:#99700b}.user-menu{display:flex;justify-content:flex-end;align-items:center;gap:9px}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#121212;color:#f6cf60;font:800 14px Outfit,sans-serif}.user-copy{line-height:1.14}.user-copy strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-copy small{font-size:10px;color:var(--muted)}.logout{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f8f5ee;color:#101010}.logout:hover{background:#f5df9f}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:#9a710a;font-size:11px;font-weight:800;letter-spacing:.85px;text-transform:uppercase}.dashboard-head{margin-bottom:25px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:34px 0 13px}.section-title h2{margin:0}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#fff;color:#6f6b61;font-size:11px;font-weight:700}.live-pill i{font-size:7px;color:#c69214}.metrics article>i{position:absolute;right:13px;top:10px;color:#f3d67d;font-size:35px}.metrics article:first-child>i{color:#f5cf63}.stage-grid article{position:relative}.stage-grid article>i{position:absolute;right:15px;bottom:14px;color:#d8d3c8;font-size:15px}@media(max-width:1000px){.topbar{grid-template-columns:1fr auto}.topbar nav{order:3;grid-column:1/-1;justify-content:flex-start}.user-copy{display:none}}@media(max-width:680px){.topbar{display:flex}.topbar nav{order:initial}.user-menu{margin-left:auto}.topbar nav a{font-size:0}.topbar nav a i{font-size:17px}.section-title{align-items:flex-start;gap:10px;flex-direction:column}}
.production-card{grid-template-columns:130px minmax(0,1fr)}.production-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.route-wrap{margin:13px 0 10px;padding:10px 12px;border:1px solid #eee7d8;border-radius:11px;background:#fcfbf8}.route-label{display:block;margin-bottom:7px;color:#827b6d;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.production-route{display:flex;gap:0;overflow-x:auto;padding-bottom:4px}.route-step{position:relative;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:#aaa69d;font-size:10px;font-weight:700}.route-step:not(:last-child):after{content:"";width:17px;height:1px;margin:0 6px;background:#d9d4c9}.route-step i{font-size:12px}.route-step.done{color:#806006}.route-step.done i{color:#b9870b}.route-step.current{color:#161512}.route-step.current i{color:#c69214}.next-stage{margin:6px 0;color:#796e56;font-size:12px}.next-stage i{color:#c69214}.next-stage strong{color:#2b2923}.action-row button:first-of-type{max-width:100%;white-space:normal}@media(max-width:680px){.production-title{flex-direction:column;gap:5px}.route-wrap{margin-top:10px}.route-step:not(:last-child):after{width:11px;margin:0 4px}.production-card{grid-template-columns:92px minmax(0,1fr)}}