:root{--ink:#17202a;--muted:#718096;--line:#e6e9ed;--panel:#fff;--bg:#f4f6f8;--nav:#111820;--teal:#1a9b86;--blue:#4376d4;--amber:#d99121}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 34px}.mark{display:grid;place-items:center;width:38px;height:38px;background:var(--teal);border-radius:11px;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand small{color:#8e9aaa;margin-top:2px}.nav{width:100%;border:0;background:transparent;color:#9ca7b4;text-align:left;padding:13px 14px;border-radius:9px;margin-bottom:5px;font-weight:650}.nav.active,.nav:hover{background:#202a34;color:#fff}.sync{margin-top:auto;border-top:1px solid #29333d;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sync span{width:9px;height:9px;background:#38c99f;border-radius:50%;box-shadow:0 0 0 4px #173c35}.sync strong,.sync small{display:block;font-size:12px}.sync small{color:#7d8996;margin-top:3px}main{margin-left:232px;padding:48px clamp(28px,5vw,72px) 80px;max-width:1600px}header{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:34px}h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.7px;margin:5px 0 10px}h2{margin:0 0 6px;font-size:21px}p{color:var(--muted);margin:0;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:var(--teal)}button{cursor:pointer;font:inherit}.primary{border:0;background:var(--teal);color:#fff;padding:13px 18px;border-radius:9px;font-weight:750;box-shadow:0 7px 18px #1a9b8633}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #2431420a;overflow:hidden}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head p{font-size:13px}.pill{background:#edf7f5;color:#167966;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:750}.project{border-bottom:1px solid var(--line)}.project:last-child{border:0}.project-title{width:100%;border:0;background:#fff;padding:17px 24px;display:grid;grid-template-columns:135px 1fr auto;gap:15px;text-align:left;align-items:center}.project-title:hover{background:#fafbfc}.project-no{font-weight:850}.project-name{font-weight:650}.project-meta{color:var(--muted);font-size:12px}.jobs{padding:0 24px 16px 54px;background:#fafbfc}.job{display:grid;grid-template-columns:22px 130px 1fr 145px 95px auto;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid #edf0f2}.job-dot{height:8px;width:8px;border-radius:50%;background:#a6b1bc}.job strong{font-size:13px}.job span{font-size:13px;color:#52606e}.job button{border:1px solid #cfd8dd;background:#fff;color:#167966;border-radius:8px;padding:7px 11px;font-weight:700}.hidden{display:none}.flow-title{margin:38px 0 18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis article{background:#fff;border:1px solid var(--line);border-top:3px solid #8290a0;border-radius:12px;padding:17px 19px}.kpis article.green{border-top-color:var(--teal)}.kpis article.blue{border-top-color:var(--blue)}.kpis article.amber{border-top-color:var(--amber)}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis strong{display:block;font-size:30px;margin:6px 0 4px}.tabs{padding:0 22px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:16px 10px;margin-right:16px;color:var(--muted);font-weight:700}.tab.active{color:var(--ink);box-shadow:inset 0 -2px var(--teal)}.tab b{background:#fff3da;color:#9b650f;padding:2px 6px;border-radius:10px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7a8793;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc}th,td{padding:12px 18px;border-bottom:1px solid #edf0f2}td{font-size:13px}.qty{font-variant-numeric:tabular-nums;font-weight:750}.route{color:#16826f;font-weight:700}.warehouse{color:#52606e}.short{color:#a7670c;font-weight:750}.empty{padding:34px;text-align:center;color:var(--muted)}#toast{position:fixed;right:25px;top:22px;z-index:4;background:#17202a;color:white;padding:13px 17px;border-radius:9px;opacity:0;transform:translateY(-10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.sidebar{width:78px}.brand div,.sync div,.nav{font-size:0}.brand{padding-left:1px}.nav:first-letter{font-size:20px}main{margin-left:78px}.kpis{grid-template-columns:1fr 1fr}.job{grid-template-columns:20px 110px 1fr auto}.job span:nth-of-type(n+2){display:none}}@media(max-width:650px){main{padding:28px 16px;margin-left:0}.sidebar{display:none}header{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr}.project-title{grid-template-columns:1fr}.jobs{padding-left:10px}.job{grid-template-columns:1fr}.job-dot{display:none}table{display:block;overflow:auto}}