:root{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#172125;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.topbar{height:76px;background:#0e3035;color:#fff;border-bottom:1px solid #dce2e4;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1440px)/2 + 32px))}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f4b942;color:#173035;font-size:25px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:-.2px}.brand small{margin-top:2px;color:#b8ced0;font-size:12px}.add-button{border:0;border-radius:10px;background:#f4b942;color:#173035;font:700 14px "Avenir Next",Avenir,"Segoe UI",sans-serif;padding:11px 16px}.page{max-width:1440px;margin:auto;padding:28px 32px 24px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric,.panel{background:#fff;border:1px solid #dce2e4;border-radius:16px;box-shadow:0 2px 5px rgba(26,58,64,.035)}.metric{padding:19px 20px}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px}.blue{background:#dff0f5;color:#197087}.gold{background:#fff1c8;color:#956600}.green{background:#dff2e8;color:#23724d}.purple{background:#eee5f4;color:#77488a}.coral{background:#fde7df;color:#a8503c}.metric p{margin:16px 0 2px;color:#68787c;font-size:13px;font-weight:650}.metric>strong{font-size:29px;line-height:1.2;letter-spacing:-.7px}.metric>small{display:block;margin-top:4px;color:#879499;font-size:11px}.content{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.inventory{overflow:hidden}.inventory-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 22px 18px}.inventory-head h1{margin:0;font-size:21px;letter-spacing:-.4px}.inventory-head p{margin:5px 0 0;color:#66787d;font-size:13px}.search{height:40px;width:250px;display:flex;align-items:center;gap:8px;border:1px solid #cad5d7;border-radius:9px;padding:0 11px;color:#819095}.search span{font-size:23px;line-height:1}.search input{width:100%;border:0;outline:0;background:transparent;color:#172125;font:inherit;font-size:13px}.tabs{display:flex;gap:3px;border-top:1px solid #e5eaeb;border-bottom:1px solid #e5eaeb;padding:0 16px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 14px 11px;color:#6f7e82;font:600 13px "Avenir Next",Avenir,"Segoe UI",sans-serif;text-transform:capitalize;white-space:nowrap}.tabs button.selected{border-bottom-color:#16747f;color:#0e5b64}.tabs i{margin-left:4px;border-radius:999px;background:#edf1f2;padding:3px 7px;font-style:normal;font-size:10px}.item{min-height:84px;display:grid;grid-template-columns:56px minmax(0,1fr) 100px 108px auto;align-items:center;gap:15px;padding:12px 18px;border-bottom:1px solid #e9edee}.item:last-child{border-bottom:0}.item-picture{width:54px;height:54px;border-radius:12px;background:#e9eff0;color:#5d777b;display:grid;place-items:center;font-size:22px}.item-name{min-width:0}.item-name strong,.item-name small,.item-meta small,.item-meta strong{display:block}.item-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.item-name small{margin-top:5px;color:#748388;font-size:12px}.item-meta small{color:#8a9699;font-size:9px;font-weight:750;letter-spacing:.07em}.item-meta strong{margin-top:5px;font-size:12px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.status.active{background:#ddf1e7;color:#1c6a47}.status.draft{background:#fff0c8;color:#855b00}.status.sold{background:#e7e9f7;color:#4c5794}.sidebar{display:grid;gap:18px}.queue{overflow:hidden;background:#123c42;color:#fff;border-color:#123c42}.queue-body{padding:20px}.sparkle{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f4b942;color:#173035;font-size:22px}.queue-label{float:right;margin-top:6px;border-radius:999px;background:#ffffff1a;padding:7px 10px;color:#d4e7e8;font-size:10px;font-weight:650}.queue h2,.pulse h2{margin:18px 0 5px;font-size:17px;letter-spacing:-.2px}.queue p{margin:0;color:#bed1d3;font-size:12px;line-height:1.7}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff1a;background:#ffffff0a;padding:15px 20px}.queue-item strong,.queue-item small{display:block}.queue-item strong{font-size:12px}.queue-item small{margin-top:5px;color:#a9c3c6;font-size:10px}.pulse{padding:20px}.pulse h2{margin:0 0 20px}.progress-row{display:flex;justify-content:space-between;align-items:center;color:#53666a;font-size:12px}.progress-row strong{color:#172125}.track{height:7px;margin-top:9px;overflow:hidden;border-radius:8px;background:#e5ebec}.track span{display:block;height:100%;border-radius:inherit;background:#16818c}.progress-row.second{margin-top:21px}.note{margin:20px 0 0;padding:13px;border-radius:11px;background:#f4f7f7;color:#506267;font-size:11px;line-height:1.7}.note strong{color:#243438}.static-note{text-align:center;margin:20px 0 0;color:#879499;font-size:11px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.content{grid-template-columns:minmax(0,1fr) 300px}.item{grid-template-columns:52px minmax(0,1fr) 82px auto}.item-meta:nth-of-type(2){display:none}}@media(max-width:760px){.topbar{padding:0 18px}.page{padding:20px 16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px}.metric>strong{font-size:25px}.content{grid-template-columns:1fr;gap:16px}.inventory-head{align-items:flex-start;flex-direction:column;padding:18px}.search{width:100%}.item{grid-template-columns:46px minmax(0,1fr) auto;gap:11px;padding:12px}.item-picture{width:44px;height:44px}.item-meta{display:none}.tabs{padding:0 8px}.tabs button{padding-left:10px;padding-right:10px}.sidebar{grid-template-columns:1fr}}@media(max-width:400px){.metrics{grid-template-columns:1fr 1fr}.metric>small{font-size:10px}.item-name strong{font-size:12px}.item-name small{font-size:11px}.status{padding:4px 7px;font-size:9px}}