#sup-dashboard{--su-bg:light-dark(#f4f7fa,#111c28);--su-panel:light-dark(#ffffff,#192836);--su-text:light-dark(#162b40,#e4edf5);--su-muted:light-dark(#536c80,#a6bbc9);--su-line:light-dark(#e2eaf0,#314758);--su-brand:light-dark(#107e83,#47c2bd);--su-soft:light-dark(#e8f5f2,#173f42);--su-chart:light-dark(#138a8a,#50c4bd);--su-track:light-dark(#edf2f6,#263c4b);--su-nav:light-dark(#142d43,#0c1825);--su-navtext:light-dark(#eaf2f7,#eaf2f7);--su-gold:light-dark(#9b5e0e,#e8b46c);font-family:Inter,"Segoe UI",sans-serif;color:var(--su-text);background:var(--su-bg);font-size:14px;line-height:1.5;border-radius:14px;overflow:hidden;min-width:0;isolation:isolate}
#sup-dashboard *{box-sizing:border-box}#sup-dashboard h1,#sup-dashboard h2,#sup-dashboard h3,#sup-dashboard p{margin:0}#sup-dashboard h1{font-size:25px;font-weight:500;letter-spacing:-.7px}#sup-dashboard h2{font-size:16px;font-weight:500}#sup-dashboard button,#sup-dashboard input,#sup-dashboard select{font:inherit}#sup-dashboard button{cursor:pointer}#sup-dashboard .su-shell{display:grid;grid-template-columns:180px minmax(0,1fr)}#sup-dashboard .su-aside{background:var(--su-nav);color:var(--su-navtext);padding:28px 15px;display:flex;flex-direction:column;gap:32px}#sup-dashboard .su-logo{font-size:17px;letter-spacing:1.6px;font-weight:500}#sup-dashboard .su-logo small{display:block;font-size:11px;letter-spacing:1px;opacity:.7;margin-top:3px}#sup-dashboard .su-monogram{display:flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--su-brand);color:var(--su-nav);border-radius:9px;font-size:22px;margin-bottom:12px}#sup-dashboard .su-nav{display:grid;gap:7px}#sup-dashboard .su-nav button{border:0;background:transparent;color:var(--su-navtext);border-radius:8px;padding:11px 10px;text-align:left;display:flex;align-items:center;gap:9px;opacity:.72}#sup-dashboard .su-nav button.active{background:rgba(255,255,255,.12);opacity:1}#sup-dashboard .su-nav button span{font-size:11px;opacity:.65}#sup-dashboard .su-aside-foot{margin-top:auto;font-size:12px;opacity:.75;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}#sup-dashboard .su-main{padding:25px;min-width:0}#sup-dashboard .su-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:21px}#sup-dashboard .su-eyebrow{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--su-muted);margin-bottom:5px}#sup-dashboard .su-sub{font-size:12px;color:var(--su-muted);margin-top:5px}#sup-dashboard .su-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#sup-dashboard .su-btn{border:1px solid var(--su-line);padding:8px 11px;border-radius:7px;background:var(--su-panel);color:var(--su-text)}#sup-dashboard .su-primary{background:var(--su-brand);border-color:var(--su-brand);color:light-dark(#fff,#092e31)}#sup-dashboard .su-badge{font-size:11px;color:var(--su-brand);background:var(--su-soft);padding:5px 9px;border-radius:5px;white-space:nowrap}#sup-dashboard .su-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:19px}#sup-dashboard .su-filters label{display:grid;gap:4px;flex:1;min-width:125px;font-size:11px;color:var(--su-muted)}#sup-dashboard select{padding:8px 9px;color:var(--su-text);background:var(--su-panel);border:1px solid var(--su-line);border-radius:6px;max-width:100%;width:100%;font-size:12px}#sup-dashboard .su-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}#sup-dashboard .su-kpi{background:var(--su-panel);border:1px solid var(--su-line);border-radius:9px;padding:16px 13px;min-width:0}#sup-dashboard .su-kpi:first-child{border-top:3px solid var(--su-brand);padding-top:14px}#sup-dashboard .su-kpi-label{font-size:11px;color:var(--su-muted)}#sup-dashboard .su-kpi-val{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:7px 0 3px;font-variant-numeric:tabular-nums;white-space:nowrap}#sup-dashboard .su-kpi-detail{font-size:11px;color:var(--su-muted)}#sup-dashboard .su-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-bottom:15px}#sup-dashboard .su-panel{background:var(--su-panel);border:1px solid var(--su-line);border-radius:9px;padding:17px;min-width:0}#sup-dashboard .su-panel-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:18px;align-items:baseline}#sup-dashboard .su-unit{font-size:11px;color:var(--su-muted)}#sup-dashboard .su-months{display:flex;gap:9px;height:185px;align-items:stretch;padding-top:6px}#sup-dashboard .su-month{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:end;align-items:center;gap:5px}#sup-dashboard .su-month-fill{width:70%;max-width:36px;background:var(--su-chart);border-radius:4px 4px 0 0;min-height:1px}#sup-dashboard .su-month-value{font-size:11px;white-space:nowrap;color:var(--su-muted);font-variant-numeric:tabular-nums}#sup-dashboard .su-month-label{font-size:11px;color:var(--su-muted)}#sup-dashboard .su-ranking{display:grid;gap:13px}#sup-dashboard .su-rank-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px}#sup-dashboard .su-rank-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#sup-dashboard .su-rank-label strong{font-weight:500;white-space:nowrap}#sup-dashboard .su-track{height:7px;background:var(--su-track);border-radius:3px;overflow:hidden}#sup-dashboard .su-track i{display:block;height:100%;background:var(--su-chart);border-radius:3px}#sup-dashboard .su-table-wrap{overflow:auto}#sup-dashboard table{border-collapse:collapse;width:100%;font-size:12px}#sup-dashboard th{text-align:left;font-weight:500;color:var(--su-muted);padding:0 10px 10px 0;white-space:nowrap}#sup-dashboard td{border-top:1px solid var(--su-line);padding:10px 10px 10px 0;vertical-align:middle}#sup-dashboard td:last-child,#sup-dashboard th:last-child{text-align:right;padding-right:0;white-space:nowrap}#sup-dashboard .su-supplier{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sup-dashboard .su-status{font-size:11px;white-space:nowrap;color:var(--su-brand)}#sup-dashboard .su-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--su-muted);font-size:11px;margin-top:15px}#sup-dashboard .su-stages{display:grid;gap:14px}#sup-dashboard .su-stage-line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:center}#sup-dashboard .su-step{background:var(--su-soft);color:var(--su-brand);border-radius:6px;text-align:center;padding:5px 0;font-size:12px}#sup-dashboard .su-stage-text{font-size:12px}#sup-dashboard .su-stage-val{font-size:17px;font-variant-numeric:tabular-nums}#sup-dashboard .su-stage-meta{font-size:11px;color:var(--su-muted);margin-top:3px}#sup-dashboard .su-stage-track{margin-top:6px}#sup-dashboard .su-notice{border-left:3px solid var(--su-brand);padding:12px 14px;background:var(--su-soft);border-radius:0 6px 6px 0;color:var(--su-text);font-size:12px}#sup-dashboard .su-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}#sup-dashboard .su-upload{border:1px dashed var(--su-line);border-radius:9px;padding:23px 18px;background:var(--su-panel)}#sup-dashboard .su-upload input{display:block;max-width:100%;font-size:12px;margin-top:18px;color:var(--su-muted)}#sup-dashboard .su-upload p{font-size:12px;color:var(--su-muted);margin:8px 0}#sup-dashboard .su-upload-icon{display:block;font-size:22px;color:var(--su-brand);margin-bottom:15px}#sup-dashboard .su-log{display:grid;gap:10px;font-size:12px;margin-top:18px;color:var(--su-muted)}#sup-dashboard .su-error{color:light-dark(#a53524,#ffab95)}#sup-dashboard .su-empty{padding:24px;text-align:center;color:var(--su-muted)}#sup-dashboard .su-present-bar{display:none}#sup-dashboard.su-present .su-aside,#sup-dashboard.su-present .su-filters,#sup-dashboard.su-present .su-top-tools{display:none}#sup-dashboard.su-present .su-shell{grid-template-columns:1fr}#sup-dashboard.su-present .su-present-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}#sup-dashboard:fullscreen{overflow:auto;border-radius:0;width:100%;height:100%;padding:16px}#sup-dashboard [hidden]{display:none!important}#sup-dashboard .su-live{font-size:12px;color:var(--su-muted);margin:10px 0}#sup-dashboard .su-compact .su-kpi{padding:11px}#sup-dashboard .su-compact .su-panel{padding:13px}
@media(max-width:850px){#sup-dashboard .su-shell{grid-template-columns:145px minmax(0,1fr)}#sup-dashboard .su-main{padding:18px}#sup-dashboard .su-logo{font-size:14px}#sup-dashboard .su-panels{grid-template-columns:1fr}#sup-dashboard .su-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#sup-dashboard .su-months{height:150px}}@media(max-width:560px){#sup-dashboard .su-shell{grid-template-columns:1fr}#sup-dashboard .su-aside{padding:14px;gap:13px}#sup-dashboard .su-monogram,#sup-dashboard .su-aside-foot,#sup-dashboard .su-logo small{display:none}#sup-dashboard .su-nav{display:flex;gap:4px;flex-wrap:wrap}#sup-dashboard .su-nav button{padding:8px}#sup-dashboard .su-main{padding:14px}#sup-dashboard h1{font-size:22px}#sup-dashboard .su-upload-grid{grid-template-columns:1fr}#sup-dashboard .su-months{gap:4px}#sup-dashboard .su-month-value{font-size:11px}#sup-dashboard .su-kpi-val{font-size:23px}#sup-dashboard input,#sup-dashboard select{font-size:16px}#sup-dashboard button{min-height:40px}#sup-dashboard .su-stage-val{font-size:15px}}
#sup-dashboard .su-ranking,#sup-dashboard .su-ranking>div,#sup-dashboard .su-rank-label{min-width:0;max-width:100%}#sup-dashboard .su-rank-label span{flex:1}#sup-dashboard .su-rank-label strong{flex-shrink:0}#sup-dashboard .su-month-label{text-align:center}
#sup-dashboard{--su-bg:light-dark(#f5f6f8,#0e1927);--su-panel:light-dark(#ffffff,#182639);--su-text:light-dark(#0e1927,#f1f4f8);--su-muted:light-dark(#526174,#b1becd);--su-line:light-dark(#dfe5eb,#304258);--su-brand:#ef8600;--su-brand-text:light-dark(#8d4c00,#ffbd69);--su-soft:light-dark(#fff2df,#3d2b16);--su-chart:#ef8600;--su-track:light-dark(#eef1f5,#2c3c50);--su-nav:#0e1927;--su-navtext:#ffffff;--su-blue:light-dark(#0e60aa,#78b8ef)}
#sup-dashboard .su-primary{color:#0e1927;background:#ef8600;border-color:#ef8600}#sup-dashboard .su-nav button.active{background:#ef8600;color:#0e1927;opacity:1}#sup-dashboard .su-badge,#sup-dashboard .su-step,#sup-dashboard .su-upload-icon,#sup-dashboard .su-status{color:var(--su-brand-text)}#sup-dashboard .su-brand-panel{background:#ffffff;border-radius:7px;padding:7px 9px;margin-bottom:16px}#sup-dashboard .su-brand-image{display:block;width:100%;height:auto}#sup-dashboard .su-logo{font-size:13px;letter-spacing:1.8px}#sup-dashboard .su-logo small{font-size:10px;letter-spacing:.6px}#sup-dashboard .su-aside-foot{border-top-color:rgba(239,134,0,.4)}#sup-dashboard .su-top{border-top:3px solid var(--su-brand);padding-top:16px}#sup-dashboard .su-kpi-val{color:var(--su-blue)}#sup-dashboard .su-kpi:first-child .su-kpi-val{color:var(--su-text)}
@media(max-width:560px){#sup-dashboard .su-brand-panel{width:118px;margin-bottom:8px;padding:3px 6px}#sup-dashboard .su-logo{font-size:11px}#sup-dashboard .su-logo small{display:none}}