:root{color:#eaf2f5;--bg:#11191f;--panel:#1a252c;--panel2:#202e36;--line:#30414b;--muted:#94a9b3;--blue:#6ad4ff;--yellow:#f5d86a;--red:#ff806d;--green:#9fe2b7;background:#11191f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit;cursor:pointer}.app{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#141e24;flex-direction:column;padding:23px 13px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 29px;display:flex}.brand>b{background:var(--blue);width:38px;height:38px;color:var(--bg);letter-spacing:-.1em;border-radius:9px;place-items:center;font-weight:950;display:grid}.brand span{gap:2px;display:grid}.brand small{letter-spacing:.14em;color:var(--muted);font-size:9px;font-weight:900}.brand strong{font-size:15px}.section-label{color:#708791;letter-spacing:.14em;padding:0 11px 8px;font-size:10px;font-weight:900}.nav-link{color:#9db0b8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:12px;font-weight:750;display:flex;position:relative}.nav-link span{text-align:center;color:#6dbad4;width:22px;font-size:17px}.nav-link b{background:var(--red);color:#11191f;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:10px}.nav-link:hover,.nav-link.active{background:var(--panel2);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--blue)}.sync{border-top:1px solid var(--line);color:var(--green);margin-top:auto;padding:16px 10px;font-size:11px;font-weight:850;line-height:1.6}.sync i,.online i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 5px #9fe2b71a}.sync small{color:var(--muted);font-size:10px}.main{min-width:0}header{border-bottom:1px solid var(--line);z-index:8;background:#141e24;align-items:center;gap:16px;height:74px;padding:0 32px;display:flex;position:sticky;top:0}.menu{color:#eaf2f5;background:0 0;border:0;font-size:22px;display:none}.context{flex:1;gap:3px;display:grid}.context small{color:var(--muted);letter-spacing:.14em;font-size:10px;font-weight:900}.context strong{font-size:15px}.head-actions{align-items:center;gap:12px;display:flex}.online{color:var(--green);font-size:11px;font-weight:850}.notice,.initials{border:1px solid var(--line);background:var(--panel);color:#eaf2f5;border-radius:10px;width:40px;height:40px}.notice{position:relative}.notice b{background:var(--red);color:#11191f;border-radius:99px;padding:2px 5px;font-size:10px;position:absolute;top:-4px;right:-4px}.initials{background:var(--blue);color:var(--bg);border:0;border-radius:50%;font-size:11px;font-weight:900}.head-actions select{color:#eaf2f5;background:0 0;border:0;font-size:12px;font-weight:850}.head-actions option{color:#111;background:#fff}#mobileNav{display:none}#app{width:min(100% - 64px,1240px);margin:auto;padding:34px 0 70px}.page-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.page-head small,.panel header small{color:var(--muted);letter-spacing:.15em;font-size:10px;font-weight:900}.page-head h1{letter-spacing:-.08em;margin:7px 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:.9}.actions{gap:8px;display:flex}.action{border:1px solid var(--line);background:var(--panel2);color:#eaf2f5;border-radius:9px;min-height:42px;padding:10px 13px;font-weight:900}.action.primary{background:var(--blue);border-color:var(--blue);color:var(--bg)}.action.danger{color:var(--red);background:0 0;border-color:#ff806d66}.alert-banner{background:#292225;border:1px solid #77514c;border-radius:13px;align-items:center;gap:15px;padding:15px 17px;display:flex}.alert-banner>div{flex:1;gap:3px;display:grid}.alert-banner span{color:var(--red);letter-spacing:.15em;font-size:10px;font-weight:900}.alert-banner strong{font-size:15px}.alert-banner small{color:#c7afb0;font-size:11px}.kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.kpis button{border:1px solid var(--line);background:var(--panel);color:#eaf2f5;text-align:left;border-radius:13px;padding:16px}.kpis b,.kpis span,.kpis small{display:block}.kpis b{letter-spacing:-.08em;font-size:32px}.kpis span{margin-top:8px;font-size:12px;font-weight:900}.kpis small{color:var(--muted);margin-top:4px;font-size:10px}.kpis button:first-child{border-color:#77514c}.kpis button:first-child b{color:var(--red)}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:19px}.panel header{background:0 0;border:0;justify-content:space-between;align-items:end;height:auto;margin-bottom:13px;padding:0;display:flex;position:static}.panel h2{letter-spacing:-.05em;margin:4px 0 0;font-size:19px}.link{color:var(--blue);background:0 0;border:0;padding:4px;font-size:11px;font-weight:900}.compact-list article{border-top:1px solid var(--line);grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;display:grid}.bar{background:var(--blue);border-radius:5px;align-self:stretch}.bar.red{background:var(--red)}.compact-list article div{gap:4px;display:grid}.compact-list small,.compact-list span{color:var(--muted);font-size:10px}.compact-list strong{font-size:13px}.tag{color:var(--blue);letter-spacing:.08em;white-space:nowrap;background:#29414b;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:950;display:inline-flex}.tag.urgent,.tag.high,.tag.low-stock,.tag.reorder{color:var(--red);background:#492c2c}.tag.next,.tag.in-progress,.tag.active,.tag.healthy{color:var(--green);background:#263e45}.tag.queued,.tag.on-hold,.tag.notice-given{color:#c4b986;background:#403c2b}.tag.hot{color:#f4b76b;background:#4a3424}.tag.warm{color:var(--yellow);background:#403c2b}.activity p{border-top:1px solid var(--line);margin:0;padding:13px 0;font-size:12px}.activity small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.timeline{margin-top:10px}.days{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.days button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:10px;padding:12px 5px}.days small,.days b,.days span{display:block}.days small{font-size:10px}.days b{color:#eaf2f5;margin:5px 0;font-size:18px}.days span{font-size:10px}.days .today{border-color:var(--blue);color:var(--blue);background:#1f4c60}.days .today b{color:#fff}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:17px;display:flex}.toolbar label{border:1px solid var(--line);height:42px;color:var(--muted);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:260px;padding:0 12px;font-size:18px;display:flex}.toolbar input{color:#eaf2f5;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.filter{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:999px;padding:9px 11px;font-size:11px;font-weight:850}.filter.active{color:var(--blue);border-color:#4a8aa7}.job-list{gap:9px;display:grid}.job-card{border:1px solid var(--line);background:var(--panel2);border-radius:13px;padding:15px}.job-card.critical{box-shadow:inset 4px 0 0 var(--red);border-color:#77514c}.job-meta{align-items:center;gap:8px;display:flex}.job-meta .id,.generic-list small{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:900}.job-meta>small{color:var(--muted);margin-left:auto;font-size:10px}.job-card h3{margin:14px 0 5px;font-size:17px}.job-card p{color:#c1d1d7;margin:0;font-size:12px}.job-card footer{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:15px;padding-top:12px;display:flex}.job-card footer span{color:var(--muted);flex:1;font-size:10px}.inventory,.generic-list{gap:8px;display:grid}.inventory article,.generic-list article{border:1px solid var(--line);background:var(--panel2);border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.inventory article>i,.signal-icon{width:34px;height:34px;color:var(--blue);background:#29414b;border-radius:9px;place-items:center;font-style:normal;display:grid}.inventory article>div,.generic-list article>div{flex:1;gap:4px;min-width:0;display:grid}.inventory strong,.generic-list strong{font-size:13px}.inventory small,.generic-list span{color:var(--muted);font-size:10px}.inventory article>b{font-size:17px}.inventory .link{align-self:end}.generic-list article{align-items:center}.generic-list article>.action{min-width:38px}.units{grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:10px;display:grid}.units button{border:1px solid var(--line);background:var(--panel);color:#eaf2f5;text-align:left;border-radius:12px;min-height:92px;padding:14px}.units b,.units small{display:block}.units b{font-size:19px}.units small{color:var(--muted);margin-top:9px;font-size:10px}.units .critical{background:#292225;border-color:#77514c}.units .critical small{color:var(--red);font-weight:900}.note{justify-content:space-between;align-items:center;display:flex}.note p{color:var(--muted);font-size:12px}.alerts article{border-top:1px solid var(--line);align-items:start;gap:12px;padding:17px 0;display:flex}.alerts article>i{background:var(--red);border-radius:50%;width:10px;height:10px;margin-top:5px}.alerts article>div{flex:1}.alerts article strong{font-size:13px}.alerts article p,.alerts article small{color:var(--muted);margin:5px 0 0;font-size:11px;display:block}.empty{text-align:center;padding:70px 20px}.empty>b{width:52px;height:52px;color:var(--blue);background:#29414b;border-radius:14px;place-items:center;margin:auto;font-size:27px;display:grid}.empty p{color:var(--muted);max-width:440px;margin:12px auto 20px;font-size:13px}#toast{opacity:0;color:#11191f;z-index:30;white-space:nowrap;background:#eaf2f5;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:900;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){.app{display:block}aside{z-index:25;width:270px;transition:all .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:15px 0 40px #0006}aside.open{transform:translate(0)}.menu{display:block}header{padding:0 16px}.online,.head-actions select{display:none}#mobileNav{border-top:1px solid var(--line);z-index:20;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#141e24;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}#mobileNav button{color:var(--muted);background:0 0;border:0;align-content:center;place-items:center;gap:3px;display:grid}#mobileNav button.active{color:#fff}#mobileNav button.active span{color:var(--blue)}#mobileNav small{font-size:9px;font-weight:850}#app{width:min(100% - 32px,720px)}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.units{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){#app{width:calc(100% - 24px);padding:25px 0 70px}.page-head{align-items:start;gap:14px;display:grid}.actions .action{width:100%}.alert-banner{align-items:start;display:grid}.alert-banner .action{width:100%}.panel{padding:15px}.days{grid-template-columns:repeat(7,68px);overflow:auto}.days button{min-width:68px}.toolbar{align-items:stretch}.toolbar label{min-width:100%}.job-card footer{flex-wrap:wrap}.job-card footer span{flex-basis:100%}.inventory article,.generic-list article{align-items:start}.inventory article{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.inventory .link{text-align:left;border-top:1px solid var(--line);grid-column:2/-1;padding-top:10px}.units{grid-template-columns:repeat(3,1fr)}.note{gap:10px;display:grid}.note .action{width:100%}#toast{text-overflow:ellipsis;max-width:calc(100% - 28px);bottom:84px;overflow:hidden}}