:root{--bg:#F3F5F9;--surface:#FFFFFF;--line:#E3E7EE;--ink:#1A1F2B;--muted:#6B7385;--navy:#1F3A8A;--navy-soft:#E8EDF7;--pill:#EEEBFB;--pill-ink:#5B4BC4;--ok:#E6F5EC;--ok-ink:#1E7A45;--warn:#FFF3DD;--warn-ink:#9A5B00;--bad:#FDECEC;--bad-ink:#B42318;--badge:#EEF0F4;--new:#E7F6F4;--new-ink:#0F766E;--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100%}aside{background:var(--surface);border-right:1px solid var(--line);padding:20px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:0 8px 18px}.brand b{display:block;color:var(--navy);font-size:19px;font-weight:700;letter-spacing:-.01em}.brand span{color:var(--muted);font-size:13px}.navgroup{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px;display:flex;align-items:center;gap:8px}.navgroup .tag{background:var(--new);color:var(--new-ink);border-radius:999px;padding:0 7px;font-size:10px;letter-spacing:.04em}nav button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14.5px;cursor:pointer}nav button:hover{background:#f5f7fa}nav button:focus-visible{outline:2px solid var(--navy);outline-offset:1px}nav button.on{background:var(--navy-soft);color:var(--navy);font-weight:600}nav svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav .cnt{margin-left:auto;background:var(--badge);color:var(--ink);border-radius:999px;font-size:12px;font-weight:600;padding:1px 9px}main{padding:24px 28px 48px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.topbar h1{font-size:20px;margin:0;font-weight:700;letter-spacing:-.01em}.topbar .sub{color:var(--muted);font-size:13px}.proto{background:var(--warn);color:var(--warn-ink);font-size:12px;padding:4px 10px;border-radius:999px;font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.scan{display:flex;align-items:center;gap:10px;padding:14px 18px;margin-bottom:18px;flex-wrap:wrap}.scan label{font-weight:600;color:#3a4152}.scan input{flex:1;min-width:200px}input,select{font:inherit;color:var(--ink);background:#f8f9fb;border:1px solid var(--line);border-radius:8px;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--navy);outline-offset:0;background:#fff}.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 16px;cursor:pointer}.btn:hover{background:#f5f7fa}.btn.pri{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.pri:hover{background:#18306f}.btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{padding:16px 20px}.stat b{display:block;font-size:24px;font-weight:700}.stat span{color:var(--muted);font-size:13px}.stat small{display:block;font-size:12px;margin-top:4px}.up{color:var(--ok-ink)}.down{color:var(--bad-ink)}.panel{margin-bottom:18px;min-width:0}.panel-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel-h h2{font-size:17px;margin:0;font-weight:700}.panel-h .tools{display:flex;gap:8px;flex-wrap:wrap}.panel-h input{min-width:220px}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#4a5264;font-weight:600;text-align:left;padding:11px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 20px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}td.num,th.num{text-align:right}.code{font-weight:700;letter-spacing:.03em}.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:500;background:var(--pill);color:var(--pill-ink)}.pill.ok{background:var(--ok);color:var(--ok-ink)}.pill.warn{background:var(--warn);color:var(--warn-ink)}.pill.bad{background:var(--bad);color:var(--bad-ink)}.pill.grey{background:var(--badge);color:#4a5264}.grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.bars{padding:16px 20px;display:grid;gap:10px}.bar{display:grid;grid-template-columns:110px minmax(0,1fr) 60px;gap:10px;align-items:center;font-size:13px}.bar .track{height:10px;background:#eef0f4;border-radius:999px;overflow:hidden}.bar .fill{height:100%;background:var(--navy);border-radius:999px}.bar .fill.alt{background:#8b7cf0}.list{padding:6px 20px 14px}.list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.list div:last-child{border-bottom:0}.muted{color:var(--muted)}.note{padding:12px 20px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.flow{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px;align-items:center;font-size:13px}.flow span.step{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fafbfc}.flow span.arr{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:min(520px,calc(100% - 32px));box-shadow:0 20px 50px #141e3c2e;color:var(--ink)}dialog::backdrop{background:#141c2d59}.dlg-h{padding:18px 22px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px}.dlg-b{padding:18px 22px;display:grid;gap:12px}.dlg-b label{display:grid;gap:6px;font-size:13px;font-weight:500;color:#3a4152}.dlg-f{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:13.5px}.mobilenav{display:none}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}aside{display:none}.mobilenav{display:block;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}.mobilenav b{color:var(--navy);display:block;margin-bottom:8px}.mobilenav select{width:100%}main{padding:16px 16px 40px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}.panel-h input{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a{color:var(--navy)}nav a{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14.5px;cursor:pointer}nav a:hover{background:#f5f7fa}nav a:focus-visible{outline:2px solid var(--navy);outline-offset:1px}nav a.active{background:var(--navy-soft);color:var(--navy);font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:5px 11px;font-size:13px}.btn.bad{color:var(--bad-ink)}.user{margin-top:18px;padding:12px 10px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:grid;gap:8px}.user b{color:var(--ink)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:min(380px,100%);padding:28px;display:grid;gap:14px}.login h1{margin:0;color:var(--navy);font-size:22px}.err{background:var(--bad);color:var(--bad-ink);padding:9px 12px;border-radius:8px;font-size:13px}.form{padding:16px 20px;display:grid;gap:12px}.form label,.dlg-b label{display:grid;gap:6px;font-size:13px;font-weight:500;color:#3a4152}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.rowline{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}.empty{padding:28px 20px;text-align:center;color:var(--muted)}.right{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:500}.events{font-size:12.5px;color:var(--muted);display:grid;gap:4px;max-height:160px;overflow:auto}.chk{display:flex!important;grid-template-columns:none;align-items:center;gap:8px!important}.chk input{width:auto}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}td input{padding:6px 8px;width:90px}dialog{max-height:calc(100vh - 32px);overflow:auto}.mobilenav .bar2{display:flex;gap:8px}@media(max-width:900px){.rowline{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.label{border:1px dashed var(--line);border-radius:8px;padding:10px;display:grid;gap:4px;justify-items:center;font-size:12.5px;break-inside:avoid}.labelwrap{display:grid;gap:4px;align-content:start}.labelwrap.skip .label{opacity:.35}.labelpick{font-size:12.5px}.printarea{display:none}@media print{body.print-labels>*{display:none!important}body.print-labels>.printarea{display:block!important;visibility:visible}body.print-labels .printarea *{visibility:visible}body.print-labels{background:#fff}.printarea .label{width:100mm;height:150mm;box-sizing:border-box;padding:8mm 6mm;border:0;border-radius:0;align-content:center;gap:2.5mm;font-size:12pt;overflow:hidden}.printarea>div:not(:last-child){break-after:page}.printarea .label svg{width:88mm!important;height:32mm!important}.printarea .label>b{font-size:18pt}.printarea .rolllabel ul{font-size:11pt}}@media print{body *{visibility:hidden}dialog[open] .labels,dialog[open] .labels *,dialog[open] .nota,dialog[open] .nota *{visibility:visible}dialog[open]{position:static;border:0;box-shadow:none;width:100%!important;max-height:none}dialog[open] .labels,dialog[open] .nota{position:absolute;left:0;top:0;width:100%}}.rolls{display:grid;gap:6px}.rolls{gap:10px}.rolls-h{display:flex;align-items:center;justify-content:space-between}.rolls-h b{font-size:15px}.rolls-h .unit{border:1px solid var(--line);border-radius:8px;padding:5px 14px;background:var(--soft,#F3F4F7);font-size:13px}.rolls .quick{padding:0;margin:0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.rollrow{display:grid!important;grid-template-columns:64px minmax(0,160px) 24px minmax(90px,auto) auto;justify-content:start;align-items:center;gap:10px!important}.rollrow .linkbtn.danger{padding-bottom:0}.rolls-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.rib{display:grid;gap:10px;border-left:3px solid var(--navy-soft);padding-left:12px}.app.with-sub{grid-template-columns:240px 250px minmax(0,1fr)}aside.sub{background:#fafbfd}.navflow,.navflow a{position:relative}.stepno{width:24px;height:24px;flex:none;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--badge);color:var(--ink);position:relative;z-index:1}.navflow a.active .stepno{background:var(--navy);color:#fff}.navflow a.step:not(:nth-child(8)):after{content:"";position:absolute;left:21px;top:30px;height:16px;border-left:2px solid var(--line)}@media(max-width:900px){.app.with-sub{grid-template-columns:minmax(0,1fr)}}td.wrap{white-space:normal;min-width:160px}td.act,th.act{position:sticky;right:0;background:var(--surface);box-shadow:-1px 0 0 var(--line)}tbody tr:hover td.act{background:#fafbfc}.otpcode{font:700 40px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-align:center;padding:14px 0;margin:4px 0 10px;border:1px dashed var(--line,#ccc);border-radius:10px}.user .right{display:flex;gap:6px}.seg{display:inline-flex;justify-self:start;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--navy);color:#fff}.products{display:grid;gap:16px}.tablewrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th,table.grid td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.grid th{font-size:12px;color:var(--muted);font-weight:600}table.grid .n{text-align:right;font-variant-numeric:tabular-nums}table.grid td.out{color:var(--bad-ink)}table.grid input[type=number]{width:84px}table.grid th,table.grid td{padding-left:8px;padding-right:8px}table.grid th.grp{text-align:center;border-bottom:1px solid var(--line);color:var(--ink)}table.grid td.sep{border-right:1px solid var(--line)}.info{background:var(--surface);border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.5}.picklist{display:grid;gap:4px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.picklist label{font-weight:400!important}table.grid input{width:96px;padding:6px 8px}table.grid tfoot td{border-bottom:0}.nota{display:grid;gap:12px;font-size:13px;color:#000}.nota-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000;padding-bottom:6px}.nota-h b{font-size:20px;letter-spacing:.04em}.nota table{width:100%;border-collapse:collapse}.nota th,.nota td{border:1px solid #999;padding:5px 7px;text-align:left;vertical-align:top}.nota th{font-size:11.5px;text-transform:uppercase}.nota .n{text-align:right}.nota svg{height:26px;width:auto;max-width:130px;display:block}.sign{display:flex;justify-content:space-between;margin-top:18px}.sign div{display:grid;gap:44px;justify-items:center;min-width:160px}.sign span{border-top:1px solid #000;width:100%}.rolllabel{justify-items:stretch!important;text-align:center}.rolllabel ul{list-style:none;margin:0;padding:4px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);text-align:left;display:grid;gap:2px}.rolllabel li{display:flex;gap:6px}.rolllabel li span{font-weight:700;min-width:22px}.rolllabel li b{margin-left:auto}.bubbles{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:6px;scrollbar-width:thin}.bubbles button{flex:none;font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 8px 6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.bubbles button span{background:var(--navy-soft,#E8ECF7);color:var(--navy);border-radius:999px;padding:1px 8px;font-size:12px;min-width:22px;text-align:center}.bubbles button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.bubbles button.on span{background:#ffffff38;color:#fff}.panel-h h2 small{font-size:13px;font-weight:500;margin-left:6px}.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--navy);cursor:pointer;text-decoration:underline dotted}@media(min-width:1001px){.stats:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}.stats:has(>:nth-child(5):last-child) .stat b{font-size:21px;white-space:nowrap}}.warnbox{background:var(--warn);color:var(--warn-ink);display:grid;gap:8px}.warnbox a{color:inherit;font-weight:600}.quick{padding:14px;display:grid;gap:10px;margin-bottom:12px}:root{--pink:#FDECF1;--pink-ink:#B4235A;--violet:#EEEBFB;--violet-ink:#5B4BC4;--orange:#FFF1DE;--orange-ink:#B25E00}.boardcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.boardcard{all:unset;box-sizing:border-box;position:relative;display:grid;gap:2px;padding:14px 16px 14px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer}.boardcard:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--accent)}.boardcard span{color:var(--muted);font-size:13px}.boardcard b{font-size:24px;line-height:1.2}.boardcard small{font-size:12px;font-weight:600;color:var(--accent)}.boardcard:hover{background:#fafbfc}.boardcard.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.boardcard:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:14px 18px;margin-bottom:14px}.filterbar label{display:grid;gap:4px;font-size:12px;color:var(--muted);font-weight:500}.filterbar input,.filterbar select{padding:7px 10px;font-size:13.5px}.filterbar .grow{flex:1 1 180px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:12px 20px;border-bottom:1px solid var(--line)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.board td{padding:10px 12px;vertical-align:middle}.board th{padding:10px;background:#f8f9fb;white-space:normal;vertical-align:bottom;line-height:1.3}.board td{padding:10px}.board td.act,.board th.act{position:static;box-shadow:none}.board td:first-child,.board th:first-child{padding-left:20px}.board tr.grouprow td{background:#f8f9fb;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:7px 16px}.board tr.grouprow:hover{background:none}.board .two b{display:block;font-weight:600}.board .two span{color:var(--muted);font-size:12.5px}.klbtn{all:unset;cursor:pointer;color:var(--navy);font-weight:700;letter-spacing:.03em}.klbtn:hover{text-decoration:underline}.klbtn:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:3px}.swatch{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.18);margin-right:6px;vertical-align:-1px}.swatch.unknown{background:repeating-linear-gradient(45deg,#e3e7ee 0,#e3e7ee 3px,#fff 3px,#fff 6px)}.waitdays{display:block;font-size:12px;font-weight:600;color:var(--pink-ink)}.stackbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--line);min-width:120px}.stackbar i{display:block;height:100%}.posi{display:grid;gap:5px;width:150px}.posi small{color:var(--muted);font-size:12px;white-space:normal;line-height:1.35}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.BELUM{background:var(--pink);color:var(--pink-ink)}.badge.SEBAGIAN{background:var(--orange);color:var(--orange-ink)}.badge.JAHIT{background:var(--violet);color:var(--violet-ink)}.badge.SELESAI{background:var(--ok);color:var(--ok-ink)}.rowmenu{position:relative;display:inline-block}.rowmenu summary{list-style:none;cursor:pointer;padding:4px 8px;border-radius:6px;color:var(--muted);font-weight:700}.rowmenu summary::-webkit-details-marker{display:none}.rowmenu summary:hover{background:#f0f2f6}.rowmenu[open] .menu{display:grid}.rowmenu .menu{display:none;position:absolute;right:0;top:calc(100% + 4px);z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #1018281f;padding:6px;min-width:200px}.rowmenu .menu button{all:unset;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13.5px}.rowmenu .menu button:hover,.rowmenu .menu button:focus-visible{background:var(--navy-soft);color:var(--navy)}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f131b4d}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);height:auto;padding:0;background:var(--surface);border-left:1px solid var(--line);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-8px 0 24px #10182824;outline:none;animation:drawin .2s ease}@keyframes drawin{0%{transform:translate(30px);opacity:.4}}.drawer-h{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.drawer-b{padding:16px 20px;overflow:auto;display:grid;gap:16px;align-content:start}.drawer-f{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line)}.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.kv span{display:block;font-size:12px;color:var(--muted)}.kv b{font-weight:600}.hist{border-left:2px solid var(--line);margin-left:5px;display:grid}.hist div{position:relative;padding:0 0 12px 16px;font-size:13.5px;white-space:normal}.hist div:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--navy)}.hist small{display:block;color:var(--muted)}@media(max-width:1100px){.boardcards{grid-template-columns:repeat(3,minmax(0,1fr))}.board .md-hide{display:none}.posi{width:130px}.board td:nth-child(2),.board th:nth-child(2){padding-left:20px}}@media(max-width:600px){.boardcards{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{grid-template-columns:1fr}}.chiprow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer}.chip:hover{background:#f5f7fa}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.rollcut{padding:14px 16px;display:grid;gap:12px;background:#fbfcfe}.rollcut-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.sizegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.sizegrid label{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.sizegrid input{font-size:16px;font-weight:600;padding:8px 10px;width:100%;min-width:0}.sizegrid small{font-size:11.5px;min-height:1em}.bundlerows{display:grid;gap:8px}.bundlerow{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.bundlerow>b{padding-bottom:10px}.bundlerow label{display:grid;gap:4px;font-size:13px}.bundlerow input,.bundlerow select{width:100%;min-width:0}.linkbtn.danger{color:var(--bad-ink);text-decoration:none;font-weight:600;padding-bottom:10px}.linkbtn:disabled{opacity:.4;cursor:not-allowed}.rolltable{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px}.rolltable table{width:100%}.rolltable tr.filling td{background:var(--navy-soft)}.rolltable td .muted{font-size:12px}.rolltable .right{flex-wrap:wrap;justify-content:flex-end}aside:not(.sub){display:flex;flex-direction:column;padding:18px 12px 16px}.brand.logo{display:flex;align-items:flex-start;gap:10px;padding:0 6px 22px}.brand.logo .tee{width:38px;height:38px;flex:none;color:#155eef;display:grid;place-items:center;margin-top:1px}.brand.logo .tee svg{width:38px;height:38px;stroke:#155eef;stroke-width:1;fill:#155eef}.brand.logo b{font-size:17px;line-height:1.2;color:#123b96}.brand.logo span{display:block;font-size:12.5px;margin-top:3px}aside:not(.sub) nav a{font-size:15px;padding:9px 12px;gap:14px;border-radius:8px}aside:not(.sub) nav a svg{width:20px;height:20px}aside:not(.sub) .navgroup{font-size:12px;letter-spacing:.06em;padding:16px 12px 8px}aside:not(.sub) .navflow a.step{padding:8px 12px}aside:not(.sub) .navflow a.step:after{display:none}aside:not(.sub) .stepno{width:28px;height:28px;font-size:13px;font-weight:600;background:#eef1f5;color:#152238}aside:not(.sub) nav a.active{background:#e3ecfd;color:#155eef;font-weight:500}aside:not(.sub) .navflow a.active .stepno{background:#155eef;color:#fff}aside:not(.sub) .user{margin-top:auto;padding:16px 6px 0;gap:14px}.user .who{display:flex;align-items:center;gap:10px}.user .av{width:40px;height:40px;flex:none;border-radius:999px;background:#1e40af;color:#fff;display:grid;place-items:center;font-weight:600;font-size:16px}.user .who b{display:block;font-size:14px}.user .who small{display:block;font-size:13px;color:var(--muted)}aside:not(.sub) .user .right{display:grid;grid-template-columns:1fr 1fr;gap:10px}aside:not(.sub) .user .right .btn{width:100%;padding:9px 8px;font-size:13.5px}aside:not(.sub) .user .right>*{min-width:0}aside:not(.sub) .user .right>* .btn{width:100%}.jh{--p:#155EEF;--pd:#123B96;--jbg:#F3F7FC;--jl:#E1E8F0;--t1:#152238;--t2:#64748B;--sh:0 1px 2px rgba(16,24,40,.04);color:var(--t1);margin:-18px -10px 0;display:grid;gap:12px;font-size:13px}.jh svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.jh-card{background:#fff;border:1px solid var(--jl);border-radius:10px;box-shadow:var(--sh);min-width:0}.jh-btn{font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--jl);background:#fff;color:var(--t1);cursor:pointer;white-space:nowrap}.jh-btn:hover{background:#f6f8fb}.jh-btn.pri{background:var(--p);border-color:var(--p);color:#fff}.jh-btn.pri:hover{background:#0f4fd1}.jh-btn.sm{height:34px;padding:0 12px;font-size:13px;font-weight:500}.jh-btn.icon{width:34px;padding:0;justify-content:center}.jh-btn:disabled{opacity:.5;cursor:not-allowed}.jh-btn:focus-visible,.jh button:focus-visible,.jh select:focus-visible,.jh input:focus-visible,.jh a:focus-visible{outline:2px solid var(--p);outline-offset:2px}.jh-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px}.jh-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2)}.jh-crumb a{color:var(--t2);text-decoration:none}.jh-crumb a:hover{color:var(--p)}.jh-crumb b{font-weight:500;color:var(--t2)}.jh-crumb svg{width:13px;height:13px}.jh-me{display:flex;align-items:center;gap:14px}.jh-clock{display:inline-flex;align-items:center;gap:10px;background:#e8eef7;border-radius:8px;padding:7px 14px;font-size:13px;color:var(--t1)}.jh-clock b{font-weight:500;margin-left:10px}.jh-av{width:34px;height:34px;border-radius:999px;background:#1e40af;color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px}.jh-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:-8px 0 2px}.jh-logo{width:56px;height:52px;display:grid;place-items:center;color:#1d4ed8}.jh-logo svg{width:54px;height:54px;color:#1d4ed8}.jh-head h1{margin:0;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.jh-head p{margin:2px 0 0;font-size:14.5px;color:#475569}.jh-actions{display:flex;gap:12px}.jh-actions .jh-btn{height:42px;padding:0 20px;font-size:13.5px;box-shadow:var(--sh)}.jh-actions svg{width:18px;height:18px}.jh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jh-kpi{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;min-height:112px;padding:12px 16px 8px 14px;border:1px solid var(--jl);border-radius:10px;box-shadow:var(--sh);background:#fff}.jh-kpi.violet{background:linear-gradient(135deg,#fbf9ff,#fff 70%)}.jh-kpi.blue{background:linear-gradient(135deg,#f5f9ff,#fff 70%)}.jh-kpi.green{background:linear-gradient(135deg,#f4fbf6,#fff 70%)}.jh-kpi.orange{background:linear-gradient(135deg,#fff8f2,#fff 70%)}.jh-kpi-ic{width:54px;height:54px;border-radius:999px;display:grid;place-items:center}.jh-kpi-ic svg{width:26px;height:26px;stroke-width:1.8}.violet .jh-kpi-ic{background:#f1eafe;color:#7c3aed}.violet .jh-kpi-ic svg{fill:#9b6bf2;stroke:#7c3aed}.blue .jh-kpi-ic{background:#dce8fc;color:#1d4ed8}.blue .jh-kpi-ic svg{width:28px;height:28px}.green .jh-kpi-ic{background:#dcf5e5}.green .jh-kpi-ic svg{fill:#22a447;stroke:#fff;stroke-width:2.2}.orange .jh-kpi-ic{background:#fde4d3}.orange .jh-kpi-ic svg{fill:#e2652b;stroke:#fff;stroke-width:2}.jh-kpi-l{font-size:12.5px;font-weight:600;margin-top:2px}.jh-kpi-v{display:flex;align-items:baseline;gap:14px;margin-top:2px}.jh-kpi-v b{font-size:27px;line-height:1.15;font-weight:700}.jh-kpi-v>span{font-size:14px;color:#334155}.jh-kpi-v em{font-style:normal;margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;border-radius:6px;padding:2px 7px}.jh-kpi-v em svg{width:12px;height:12px;stroke-width:2.2}.jh-kpi-v em.up{background:#dcf5e5;color:#15803d}.jh-kpi-v em.down{background:#fde2e2;color:#dc2626}.jh-kpi-p{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#334155;margin-top:2px}.jh-kpi-x{font-size:12.5px;color:#475569;margin-top:1px}.jh-more{margin-left:auto;border:0;background:none;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--p);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.jh-more svg{width:14px;height:14px;stroke-width:2}.jh-more:hover{text-decoration:underline}.jh-charts{display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:12px}.jh-charts h2{margin:0;font-size:15px;font-weight:700}.jh-charts h2 span{font-weight:400;color:var(--t2)}.jh-prog,.jh-recv{padding:10px 18px;min-height:148px}.jh-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}.jh-step{position:relative;display:grid;justify-items:center;text-align:center;gap:1px;font-size:12px;color:#475569}.jh-step b{font-size:12.5px;color:var(--t1);margin-top:6px}.jh-step small{font-size:12px}.jh-dot{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;position:relative;z-index:1;background:#d1d9e3;color:#fff;box-shadow:0 0 0 3px #fff}.jh-dot svg{width:14px;height:14px;stroke-width:2.6}.jh-step.done .jh-dot{background:#16a34a;box-shadow:0 0 0 3px #fff,0 0 0 5px #bbeacb}.jh-step.done .jh-dot svg{width:30px;height:30px;stroke-width:2;fill:#16a34a;stroke:#fff}.jh-step.now .jh-dot{background:var(--p);box-shadow:0 0 0 3px #fff,0 0 0 5px #c8d8fb}.jh-line{position:absolute;top:14px;right:50%;width:100%;height:3px;background:#d9e0e8}.jh-line.done{background:#16a34a}.jh-line.after{background:linear-gradient(90deg,#8fb0f6,#d9e0e8)}.jh-recv-b{display:flex;align-items:center;gap:36px;margin-top:2px;padding-left:10px}.jh-donut{position:relative;width:118px;height:118px;flex:none}.jh-donut svg{width:118px;height:118px;transform:rotate(-90deg)}.jh-donut circle{fill:none;stroke-width:17}.jh-donut .jh-ring{stroke:#eef2f6}.jh-donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.jh-donut-c b{font-size:22px;line-height:1}.jh-donut-c span{font-size:12px;color:#475569}.jh-legend{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:12.5px;color:#475569}.jh-legend li{display:grid;grid-template-columns:10px 120px auto;align-items:center;gap:10px}.jh-legend i{width:10px;height:10px;border-radius:2px}.jh-legend b{font-weight:600;color:var(--t1)}.jh-filter{display:flex;align-items:center;gap:10px;padding:9px 10px}.jh-search{flex:1 1 300px;display:flex;align-items:center;gap:10px;height:36px;border:1px solid var(--jl);border-radius:8px;padding:0 12px;color:#64748b;background:#fff;min-width:0}.jh-search svg{width:18px;height:18px}.jh-search input{all:unset;flex:1;min-width:0;font-size:12.5px;color:var(--t1)}.jh-search input::placeholder{color:#8792a2}.jh-search:focus-within{border-color:var(--p);box-shadow:0 0 0 3px #dce7fd}.jh-filter>.jh-btn{height:36px;font-size:13px}.jh-filter>.jh-btn.pri{padding:0 18px}.jh-sel{position:relative;display:flex;align-items:center;height:36px;border:1px solid var(--jl);border-radius:8px;background:#fff;color:#334155}.jh-sel svg{position:absolute;left:11px;width:17px;height:17px;pointer-events:none}.jh-sel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;font:inherit;font-size:12px;font-weight:500;color:var(--t1);height:100%;padding:0 26px 0 33px;cursor:pointer;width:100%;text-overflow:ellipsis}.jh-sel select:focus{outline:none;background-color:transparent}.jh-sel:focus-within{border-color:var(--p);box-shadow:0 0 0 3px #dce7fd}.jh-tabsrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.jh-tabs{display:flex;gap:10px;flex-wrap:wrap}.jh-tabs button{font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:12px;height:40px;padding:0 22px;border-radius:8px;border:1px solid var(--jl);background:#fff;color:var(--t1);cursor:pointer;box-shadow:var(--sh)}.jh-tabs button svg{width:18px;height:18px}.jh-tabs button.on{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.jh-views{display:inline-flex;border:1px solid var(--jl);border-radius:8px;background:#fff;overflow:hidden}.jh-views button{font:inherit;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 18px;border:0;background:#fff;color:var(--t1)}.jh-views button.on{background:#e3ecfd;color:var(--p);box-shadow:inset 0 0 0 1px #a9c4f8;border-radius:8px}.jh-views svg{width:17px;height:17px}.jh-tbl{overflow:hidden}.jh-tbl.full{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:40;display:flex;flex-direction:column;box-shadow:0 20px 60px #0f172a40}.jh-tbl.full .jh-scroll{flex:1;overflow:auto}.jh-tbl-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px 8px;flex-wrap:wrap}.jh-tbl-h h2{margin:0;font-size:18px;font-weight:700}.jh-tbl-h p{margin:2px 0 0;font-size:13px;color:var(--t2)}.jh-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.jh-colmenu summary.jh-btn{color:var(--t1);font-weight:500}.jh-colmenu .menu{min-width:180px;gap:2px}.jh-colmenu .menu label{padding:5px 8px;font-size:13px;cursor:pointer;border-radius:6px}.jh-colmenu .menu label:hover{background:#f3f6fa}.jh-scroll{overflow-x:auto}.jh table{width:100%;border-collapse:collapse;font-size:12.5px}.jh th{background:#f8fafc;font-size:11px;font-weight:600;letter-spacing:.04em;color:#475569;text-transform:uppercase;text-align:left;padding:7px 10px;border-top:1px solid var(--jl);border-bottom:1px solid var(--jl);white-space:nowrap}.jh td{padding:2px 10px;height:29px;border-bottom:1px solid #EDF1F5;white-space:nowrap;color:#1f2a3d}.jh tbody tr:hover{background:#f5f9ff}.jh tbody tr.on{background:#eef4ff}.jh th.n,.jh td.n{text-align:right}.jh .ck{width:36px;padding-left:16px;padding-right:4px}.jh .ck input{width:15px;height:15px;margin:0;vertical-align:middle;accent-color:var(--p)}.jh-kl{color:var(--p);font-weight:600;text-decoration:underline;text-underline-offset:2px}.jh-color{display:inline-flex;align-items:center;gap:9px}.jh-color i{width:15px;height:15px;border-radius:3px;border:1px solid rgba(0,0,0,.12)}.jh-color i.unknown{background:repeating-linear-gradient(45deg,#e3e7ee 0,#e3e7ee 3px,#fff 3px,#fff 6px)}.jh small{font-size:11px;color:var(--t2);margin-left:5px}.jh-sizes{display:inline-flex;gap:4px}.jh-sizes i{font-style:normal;font-size:11px;min-width:18px;height:18px;padding:0 4px;display:inline-grid;place-items:center;border-radius:4px;background:#eef3fc;color:#334e8c}.jh-who{display:inline-flex;align-items:center;gap:8px}.jh-who i{font-style:normal;width:20px;height:20px;border-radius:999px;color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center}.jh-date{color:#475569}.jh-days{display:inline-block;font-size:12px;line-height:18px;font-weight:600;padding:0 8px;border-radius:5px}.jh-days.ok{background:#dcf5e5;color:#15803d}.jh-days.soon{background:#fef3c7;color:#b45309}.jh-days.late{background:#fde2e2;color:#dc2626}.jh-bar{display:inline-flex;align-items:center;gap:10px}.jh-bar>span{width:72px;height:8px;border-radius:99px;background:#e8edf3;overflow:hidden}.jh-bar i{display:block;height:100%;background:#1d4ed8;border-radius:99px}.jh-bar b{font-weight:600;font-size:12px;min-width:32px}.jh-bar.odd b{color:#dc2626}.jh-badge{display:inline-block;font-size:12px;line-height:18px;font-weight:500;padding:0 8px;border-radius:5px;white-space:nowrap}.jh-badge.blue{background:#e3ecfd;color:#1d4ed8}.jh-badge.violet{background:#efe9fd;color:#6d28d9}.jh-badge.teal{background:#ddf4f1;color:#0f766e}.jh-badge.amber{background:#fef3c7;color:#b45309;border:1px solid #F8D88A}.jh-badge.red{background:#fde2e2;color:#dc2626;border:1px solid #F7C1C1}.jh-act{display:flex;align-items:center;gap:8px}.jh-act .jh-btn.sm{height:24px;padding:0 14px;font-size:12.5px}.jh-menu summary{width:28px;height:24px;display:grid;place-items:center;border:1px solid var(--jl);border-radius:6px;padding:0;line-height:1;color:#334155}.jh-menu .menu button{all:unset;display:block;padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer}.jh-menu .menu button:hover{background:#f3f6fa}.jh-empty{text-align:center;color:var(--t2);padding:28px!important;height:auto!important}.jh-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;flex-wrap:wrap;color:#475569;font-size:13px}.jh-pages{display:flex;align-items:center;gap:6px}.jh-pages span{display:inline-flex;align-items:center;gap:6px}.jh-pages em{font-style:normal;color:var(--t2)}.jh-pages button{font:inherit;font-size:13px;min-width:30px;height:32px;border-radius:7px;border:0;background:none;color:#334155;cursor:pointer;display:grid;place-items:center;padding:0 6px}.jh-pages button[aria-label]{border:1px solid var(--jl);width:34px;background:#fff}.jh-pages button.on{background:var(--p);color:#fff;font-weight:600}.jh-pages button:disabled{opacity:.45;cursor:not-allowed}.jh-per select{height:34px;border:1px solid var(--jl);border-radius:7px;background:#fff;font-size:13px;padding:0 10px;margin-left:12px}.jh-dlg-t{display:flex;align-items:center;gap:12px}.jh-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;margin:0;padding:12px 14px;background:#f8fafc;border:1px solid #E6EBF1;border-radius:10px}.jh-info dt{font-size:11.5px;color:var(--t2);text-transform:uppercase;letter-spacing:.04em}.jh-info dd{margin:2px 0 0;font-weight:500;font-size:13.5px}.jh-hist{display:grid;gap:6px;font-size:13px}.jh-hist ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:180px;overflow:auto}.jh-hist li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #EDF1F5;padding-bottom:6px}.jh-hist small{color:var(--t2);white-space:nowrap}@media(max-width:1280px){.jh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-filter{flex-wrap:wrap}.jh-sel select{min-width:120px}}@media(max-width:1100px){.jh-charts{grid-template-columns:minmax(0,1fr)}.jh-head{grid-template-columns:auto minmax(0,1fr)}.jh-actions{grid-column:1/-1}}@media(max-width:900px){.jh{margin:0}.jh-kpis{grid-template-columns:minmax(0,1fr)}.jh-top .jh-clock{display:none}.jh-head h1{font-size:28px}.jh-actions{flex-wrap:wrap}.jh-actions .jh-btn{flex:1 1 200px;justify-content:center}.jh-recv-b{flex-wrap:wrap}.jh-info{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-search{flex-basis:100%}.jh-sel{flex:1 1 140px}.jh-sel select{min-width:0;width:100%}.jh-flow{overflow-x:auto}}.jh td{vertical-align:middle}.jh-sel.w-status,.jh-sel.w-color{width:140px}.jh-sel.w-size{width:146px}.jh-sel.w-date{width:162px}.jh-color,.jh-sizes,.jh-who,.jh-bar{vertical-align:middle;line-height:1.2}.jh-head .jh-logo{margin-left:-4px}@media(max-width:900px){aside:not(.sub){display:none}}