.office-command{display:flex;justify-content:space-between;gap:35px;min-height:270px;padding:38px 42px;margin-bottom:15px;border-radius:16px;color:#fff;background:radial-gradient(circle at 78% 10%,#244f86,transparent 31%),linear-gradient(125deg,#07182f,#0c2a4d);box-shadow:0 20px 50px #0b284625}.office-command>div{max-width:650px}.office-command .eyebrow{color:#7899bd;margin-top:20px}.office-command h1{font-size:41px;line-height:1.06;margin:0;letter-spacing:-1.7px}.office-command h1 span{color:#6092e8}.office-command>div>p:not(.eyebrow){color:#adc0d8;line-height:1.7}.office-live{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff1a;border-radius:20px;font:9px "DM Mono",monospace;color:#b7c9df}.office-live i{width:7px;height:7px;border-radius:50%;background:#39c9ab;box-shadow:0 0 0 4px #39c9ab20}.office-actions{display:flex;gap:9px;margin-top:22px}.office-actions button{height:42px;border:1px solid #ffffff25;border-radius:8px;padding:0 16px;background:#ffffff0a;color:#d6e2f0;font-size:10px;font-weight:700}.office-command>aside{align-self:center;width:245px;padding:23px;border:1px solid #ffffff19;border-radius:13px;background:#ffffff0b}.office-command>aside>small{font:8px "DM Mono",monospace;color:#88a2bf}.office-command>aside>strong,.office-command>aside>span{display:block}.office-command>aside>strong{font-size:39px;margin:8px 0 2px}.office-command>aside>span{color:#9fb2c9;font-size:9px}.office-command>aside>div{margin-top:18px;padding-top:13px;border-top:1px solid #ffffff16}.office-command>aside p{display:flex;justify-content:space-between;margin:7px 0;color:#a9bcd1;font-size:9px}.office-command>aside b{color:#fff}.office-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.office-metrics article{position:relative;display:flex;gap:12px;min-height:137px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px}.office-metrics article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eaf2ff;color:#2b6dc9;font-size:17px}.office-metrics small,.order-priority article>div>small{font:8px "DM Mono",monospace;color:#8594a7}.office-metrics strong{display:block;font-size:25px;margin-top:6px}.office-metrics p{font-size:9px;color:#8796a8;margin:3px 0}.office-metrics button{position:absolute;left:19px;bottom:13px;border:0;background:transparent;color:#35639b;font-size:9px}.office-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.7fr);gap:14px;margin-bottom:14px}.office-grid.lower{grid-template-columns:1.2fr 1fr}.office-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 20px #17355708}.office-panel__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.office-panel__head h2{font-size:19px;margin:0}.office-panel__head button,.inventory-position>button{border:0;background:transparent;color:#35639b;font-size:9px}.order-priority>article{display:grid;grid-template-columns:1.2fr .55fr .65fr .75fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #edf1f5}.priority-id{display:flex;gap:10px;align-items:center}.priority-id>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf3fc;color:#3168b4;font-weight:800}.priority-id strong,.priority-id small,.order-priority article>div>strong{display:block}.priority-id strong{font-size:10px}.priority-id small{font-size:8px;color:#8796a9;margin-top:3px}.order-priority article>div>strong{font-size:9px;margin-top:4px}.order-priority article>button{border:0;background:#edf3fc;color:#35639b;border-radius:6px;padding:7px 9px;font-size:8px}.inventory-ring{--available:0%;display:grid;place-items:center;width:135px;height:135px;margin:18px auto;border-radius:50%;background:conic-gradient(#36bea3 var(--available),#e7ecf3 0);position:relative}.inventory-ring:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.inventory-ring>div{position:relative;z-index:1;text-align:center}.inventory-ring strong,.inventory-ring span{display:block}.inventory-ring strong{font-size:24px}.inventory-ring span{font-size:8px;color:#8796a8}.inventory-legend>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:7px 0;font-size:9px}.inventory-legend i{width:7px;height:7px;margin-top:2px;border-radius:50%;background:#6c89af}.inventory-legend i.reserved{background:#d5a452}.inventory-legend i.available{background:#36bea3}.inventory-legend span{color:#78889b}.inventory-position>button{margin-top:13px;padding:0}.onboarding-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.onboarding-stages>div{padding:13px;border-radius:8px;background:#f6f8fb}.onboarding-stages span,.onboarding-stages strong,.onboarding-stages small{display:block}.onboarding-stages span{font:8px "DM Mono",monospace;color:#7891af}.onboarding-stages strong{font-size:22px;margin:11px 0 4px}.onboarding-stages small{font-size:8px;color:#7f8fa1;line-height:1.35}.office-shortcuts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.office-shortcuts button{padding:14px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;text-align:left}.office-shortcuts button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#edf3fc;color:#3169bb;font-size:16px}.office-shortcuts strong,.office-shortcuts small{display:block}.office-shortcuts strong{font-size:9px;margin-top:10px}.office-shortcuts small{color:#8796a8;font-size:8px;margin-top:4px;line-height:1.35}
@media(max-width:1180px){.office-metrics{grid-template-columns:repeat(2,1fr)}.office-grid,.office-grid.lower{grid-template-columns:1fr}.office-command>aside{width:220px}}
@media(max-width:760px){.office-command{display:block;padding:27px 22px}.office-command h1{font-size:34px}.office-command>aside{width:100%;margin-top:25px}.office-metrics{grid-template-columns:1fr 1fr}.order-priority>article{grid-template-columns:1fr 1fr}.priority-id{grid-column:1/-1}.onboarding-stages{grid-template-columns:1fr 1fr}.office-shortcuts>div{grid-template-columns:1fr}.office-actions{display:grid}.office-actions button{width:100%}}
@media(max-width:430px){.office-metrics{grid-template-columns:1fr}.office-metrics article{min-height:124px}.order-priority>article{grid-template-columns:1fr}.priority-id{grid-column:auto}.onboarding-stages{grid-template-columns:1fr 1fr}}