.dash-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:30px 32px;border-radius:20px;background:linear-gradient(125deg,#172554 0%,#1d4ed8 58%,#38bdf8 130%);color:#fff;box-shadow:0 18px 40px #1d4ed82b}.dash-hero:after{content:"";position:absolute;right:-60px;top:-100px;width:290px;height:290px;border:55px solid #ffffff0c;border-radius:50%}.dash-hero h1{position:relative;z-index:1;margin:8px 0 5px;font-size:31px;letter-spacing:-.7px}.dash-hero p{position:relative;z-index:1;margin:0;color:#dbeafe}.dash-eyebrow{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#bfdbfe}.dash-primary{position:relative;z-index:1;white-space:nowrap;padding:13px 18px;border-radius:10px;background:#fff;color:#1d4ed8;font-weight:800;box-shadow:0 8px 24px #0f25634d}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 20px #0f172a0b}.kpi-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;font-size:23px}.kpi small,.kpi em{display:block}.kpi small{color:#64748b;font-weight:700}.kpi strong{display:block;margin:5px 0 3px;color:#0f172a;font-size:25px;letter-spacing:-.5px}.kpi strong b{font-size:13px}.kpi em{color:#94a3b8;font-size:11px;font-style:normal}.kpi-blue .kpi-icon{color:#2563eb;background:#eff6ff}.kpi-green .kpi-icon{color:#16a34a;background:#ecfdf5}.kpi-purple .kpi-icon{color:#7c3aed;background:#f5f3ff}.kpi-orange .kpi-icon{color:#ea580c;background:#fff7ed}.dash-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 14px}.section-heading h2,.performance-card h2{margin:0;color:#172033;font-size:18px}.section-heading p{margin:4px 0 0;color:#94a3b8;font-size:12px}.section-heading a{color:#2563eb;font-size:13px;font-weight:700}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.status-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e5eaf1;border-radius:13px;background:#fff}.status-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--status-color) 11%,white);color:var(--status-color);font-size:18px;font-weight:800}.status-card strong,.status-card small{display:block}.status-card strong{font-size:21px;color:#172033}.status-card small{margin-top:2px;color:#64748b}.recent-card,.performance-card{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 22px #0f172a0a}.recent-card{padding:19px}.table-wrap{overflow:auto}.recent-card th{padding-top:8px}.order-ref{color:#2563eb;font-weight:800}.status-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:800}.empty-state{text-align:center!important;color:#94a3b8;padding:30px!important}.dash-side{display:flex;flex-direction:column;gap:16px}.performance-card{padding:21px}.ring{display:grid;place-items:center;width:150px;height:150px;margin:20px auto;border-radius:50%;background:conic-gradient(#2563eb calc(var(--progress)*1%),#e8eef7 0);position:relative}.ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.ring div{position:relative;text-align:center}.ring strong,.ring span{display:block}.ring strong{font-size:26px;color:#172033}.ring span{margin-top:2px;color:#94a3b8;font-size:11px;text-transform:uppercase}.performance-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf0f5;color:#64748b;font-size:13px}.performance-row strong{color:#172033}.stock-alert{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff;color:#1e40af}.stock-alert.has-alert{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.stock-alert>span{font-size:25px}.stock-alert div{flex:1}.stock-alert strong,.stock-alert small{display:block}.stock-alert small{margin-top:3px;opacity:.75}.stock-alert>b{font-size:18px}@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-layout{grid-template-columns:1fr}.dash-side{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dash-hero{align-items:flex-start;flex-direction:column;padding:24px}.dash-hero h1{font-size:25px}.kpi-grid,.status-grid,.dash-side{grid-template-columns:1fr}.kpi{padding:16px}}