.management-dashboard{max-width:1780px;background:radial-gradient(circle at 85% 2%,rgba(43,202,191,.08),transparent 24%)}
.dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.8fr);align-items:end;gap:2.2rem;margin-bottom:1.2rem;padding:2rem 2.2rem;border-radius:1.25rem;overflow:hidden;background:linear-gradient(125deg,#071724 0%,#0c3441 56%,#0b6667 100%);box-shadow:0 18px 45px rgba(7,23,36,.14);color:#fff}
.dashboard-hero::after{content:"";position:absolute;width:340px;height:340px;right:-130px;top:-190px;border:58px solid rgba(75,232,215,.12);border-radius:50%}.hero-copy,.dashboard-filters{position:relative;z-index:1}.dashboard-live{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.1rem;padding:.38rem .65rem;border:1px solid rgba(148,255,241,.2);border-radius:99px;background:rgba(255,255,255,.08);color:#bfece8;font-size:.69rem;font-weight:700}.dashboard-live i{width:.48rem;height:.48rem;border-radius:50%;background:#42e8a5;box-shadow:0 0 0 5px rgba(66,232,165,.12)}.dashboard-live span{color:#7ba3aa}.dashboard-hero .kicker{color:#63ded5}.dashboard-hero h2{max-width:720px;margin:0;font:700 clamp(1.75rem,2.8vw,2.75rem)/1.08 Manrope,sans-serif;letter-spacing:-.045em}.dashboard-hero p:not(.kicker){max-width:680px;margin:.8rem 0 0;color:#bdd0d4;line-height:1.55}.dashboard-filters{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:.65rem}.dashboard-filters label{display:grid;gap:.35rem;color:#bcd0d4;font-size:.69rem;font-weight:800}.dashboard-filters input:not([type="checkbox"]),.dashboard-filters select{width:100%;min-width:0;padding:.72rem;border:1px solid rgba(189,229,226,.25);border-radius:.6rem;background:rgba(255,255,255,.1);color:#fff;font:inherit;outline:none}.dashboard-filters select option{color:#102d3a}.dashboard-filters input:focus,.dashboard-filters select:focus{border-color:#54e1d6;box-shadow:0 0 0 3px rgba(84,225,214,.12)}.dashboard-reset{grid-column:1/-1;justify-self:end;border:0;background:transparent;color:#71e4db;font:700 .75rem "DM Sans",sans-serif;cursor:pointer}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-bottom:1.2rem}.dashboard-kpis article{position:relative;min-width:0;padding:1.3rem 1.25rem 1.2rem;border:1px solid var(--line);border-radius:1.05rem;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(22,57,66,.045)}.dashboard-kpis article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi,#20c5c8)}.dashboard-kpis .kpi-saving{--kpi:#23b26f}.dashboard-kpis .kpi-ticket{--kpi:#4f7ee8}.dashboard-kpis .kpi-suppliers{--kpi:#9a67db}.dashboard-kpis .kpi-email{--kpi:#ee9c33}.kpi-icon{display:grid;place-items:center;width:2rem;height:2rem;margin-bottom:.85rem;border-radius:.62rem;background:#e8f6f5;color:var(--kpi,#20c5c8);font:800 .72rem Manrope,sans-serif}.dashboard-kpis span{color:#667c82;font-size:.73rem;font-weight:700}.dashboard-kpis strong{display:block;margin:.38rem 0;font:800 clamp(1.3rem,1.8vw,1.75rem) Manrope,sans-serif;letter-spacing:-.05em;white-space:nowrap}.dashboard-kpis small{display:block;overflow:hidden;color:#70878d;font-size:.68rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:1.1rem}.dashboard-card{position:relative;min-width:0;padding:1.35rem 1.4rem;border:1px solid var(--line);border-radius:1.05rem;background:#fff;box-shadow:0 8px 28px rgba(23,57,66,.045)}.chart-main{grid-column:1/2}.chart-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.chart-heading h2{margin:0;font:700 1.15rem Manrope,sans-serif;letter-spacing:-.025em}.chart-heading>span,.chart-heading>a{color:#6c858a;font-size:.7rem;font-weight:700;text-decoration:none}.chart-heading>a{color:#087d83}.chart-canvas{position:relative;min-height:280px}.chart-canvas-main{min-height:330px}.chart-canvas-donut{min-height:285px}.chart-canvas canvas{width:100%!important;height:100%!important}.chart-empty{display:grid;place-items:center;min-height:110px;margin:0;color:#72868b;text-align:center;font-size:.8rem}.donut-panel{position:relative}.donut-total{position:absolute;left:50%;top:52%;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none}.donut-total strong{font:800 1.65rem Manrope,sans-serif}.donut-total span{color:#71868b;font-size:.68rem}.email-card{grid-column:1/-1}.email-progress{display:grid;grid-template-columns:auto auto minmax(180px,1fr);align-items:center;gap:1rem 1.6rem;padding:1rem 1.1rem;border-radius:.85rem;background:#f5f9f9}.email-progress>div:not(.email-progress-track){display:grid}.email-progress strong{font:800 1.5rem Manrope,sans-serif}.email-progress span{color:#6d8287;font-size:.7rem;font-weight:700}.email-progress-track{height:.65rem;border-radius:99px;overflow:hidden;background:#dfe9e9}.email-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1dbe78,#44ddaa);transition:width .45s ease}.delivery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.delivery-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.85rem;border:1px solid #e1ebeb;border-radius:.78rem}.delivery-item>i{width:.65rem;height:.65rem;border-radius:50%;background:#e9a33c;box-shadow:0 0 0 5px #fff4df}.delivery-item.received>i{background:#24b875;box-shadow:0 0 0 5px #e4f8ef}.delivery-item div{min-width:0}.delivery-item strong,.delivery-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-item strong{font-size:.78rem}.delivery-item span,.delivery-item time{color:#71868b;font-size:.68rem}.delivery-item b{display:block;color:#a16b1f;font-size:.67rem}.delivery-item.received b{color:#18724e}
@media(max-width:1300px){.dashboard-hero{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.chart-main,.email-card{grid-column:auto}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.delivery-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dashboard-hero{padding:1.5rem}.dashboard-filters{grid-template-columns:1fr}.dashboard-kpis,.delivery-list{grid-template-columns:1fr}.email-progress{grid-template-columns:1fr 1fr}.email-progress-track{grid-column:1/-1}.chart-heading{align-items:start;flex-direction:column}.dashboard-card{padding:1.1rem}}
.dashboard-material-picker{display:grid;grid-column:1/-1;gap:.45rem;min-width:0}.dashboard-filter-label{color:#bcd0d4;font-size:.69rem;font-weight:800}.dashboard-material-filter-controls{display:grid;grid-template-columns:minmax(155px,.55fr) minmax(0,1.45fr);gap:.55rem}.dashboard-material-selection{display:flex;flex-wrap:wrap;gap:.38rem;min-height:1.65rem}.dashboard-material-selection>span{align-self:center;color:#8fb0b5;font-size:.68rem}.dashboard-material-selection button{display:inline-flex;align-items:center;gap:.38rem;max-width:100%;padding:.34rem .5rem;border:1px solid rgba(113,228,219,.35);border-radius:99px;background:rgba(113,228,219,.12);color:#dffdfa;font:600 .67rem "DM Sans",sans-serif;cursor:pointer}.dashboard-material-selection button strong{color:#71e4db}.dashboard-material-selection button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-material-selection button b{font-size:.9rem;line-height:1}.dashboard-material-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:150px;padding:.4rem;overflow:auto;border:1px solid rgba(189,229,226,.22);border-radius:.7rem;background:rgba(3,26,35,.24)}.dashboard-material-options>p{grid-column:1/-1;margin:.45rem;color:#9bb9bd;font-size:.72rem}.dashboard-filters .dashboard-material-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.55rem .62rem;border:1px solid transparent;border-radius:.52rem;background:rgba(255,255,255,.06);color:#e7f5f5;cursor:pointer}.dashboard-filters .dashboard-material-option:hover,.dashboard-filters .dashboard-material-option.is-selected{border-color:rgba(113,228,219,.42);background:rgba(113,228,219,.14)}.dashboard-material-option input{width:.95rem;height:.95rem;margin:0;accent-color:#42d7c8}.dashboard-material-option>span{display:grid;min-width:0}.dashboard-material-option strong{color:#71e4db;font-size:.66rem}.dashboard-material-option>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.dashboard-material-option small{color:#9eb9bd;font-size:.62rem}.dashboard-material-result-count{color:#9bb9bd;font-size:.65rem}.dashboard-material-result-count[data-empty="true"]{color:#ffb6b6}.dashboard-kpis .kpi-stock{--kpi:#0f9f99}.dashboard-kpis .kpi-stock-low{--kpi:#d64e4e}.dashboard-kpis .kpi-stock-high{--kpi:#d8952f}.stock-chart-card{grid-column:1/-1}@media(max-width:700px){.dashboard-material-filter-controls,.dashboard-material-options{grid-template-columns:1fr}}