.portal{background:var(--bg-2);min-height:70vh;padding-block:28px clamp(56px,7vw,96px)}.pv{border:1px solid var(--line-2);border-left:4px solid var(--red);border-radius:var(--r);color:var(--ink-2);background:#fff;margin-bottom:24px;padding:11px 16px;font-size:15px}.pv b{color:var(--ink)}.signin{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:24px clamp(24px,5vw,64px);padding-top:clamp(8px,3vw,40px);display:grid}.signin-card{border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh);background:#fff;padding:30px 30px 32px}.signin h1{font:800 30px/1.1 var(--f);letter-spacing:-.02em}.signin .sub{margin:8px 0 22px;font-size:16px}.signin form{grid-template-columns:minmax(0,1fr)}.signin-side h2{font:800 20px/1.2 var(--f);letter-spacing:-.01em;margin:8px 0 14px}.signin-side ul{gap:12px;display:grid}.pick{text-align:left;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;width:100%;padding:16px 18px;display:block}.pick:hover{border-color:var(--ink)}.pick b{font:800 17px/1.2 var(--f);display:block}.pick span{color:var(--ink-2);margin-top:4px;font-size:15px;display:block}.pick i{color:var(--ink);font-style:normal;font-weight:700}@media (max-width:820px){.signin{grid-template-columns:minmax(0,1fr)}}.app-top{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-bottom:26px;display:flex}.app-top h1{font:800 30px/1.1 var(--f);letter-spacing:-.02em}.who{color:var(--ink-3);margin-top:2px;font-size:14.5px}.app-top .seg{flex-wrap:wrap}.app-top .seg button{padding:11px 15px;font-size:14.5px}.app-top .arrow{margin-left:auto}.app-top .arrow:after{content:""}.vhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:16px;display:flex}.vhead h2,.two h2{font:800 22px/1.2 var(--f);letter-spacing:-.015em}.h3{font:800 19px/1.2 var(--f);letter-spacing:-.01em;margin:34px 0 12px}.meta{color:var(--ink-3);margin-top:6px;font-size:14.5px}.acts{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.acts input[type=search],.acts select{border:1px solid var(--line-2);border-radius:var(--r);background:#fff;min-width:0;padding:10px 12px;font-size:15px}.acts input[type=search]{width:230px;max-width:100%}.empty{border:1px dashed var(--line-2);border-radius:var(--r);color:var(--ink-3);background:#fff;padding:22px;font-size:15.5px}.portal .fine{margin-top:12px}.link{font:700 14.5px/1.2 var(--f);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;background:0 0;border:0;padding:0}.link:hover{color:var(--red-hi);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px;display:grid}.tile{text-align:left;border:1px solid var(--line-2);border-top:4px solid var(--red);border-radius:var(--r);background:#fff;padding:18px 20px 16px;display:block}.tile:hover{border-color:var(--ink);border-top-color:var(--red)}.tile b{font:800 38px/1 var(--f);letter-spacing:-.03em;display:block}.tile span{color:var(--ink-2);margin-top:8px;font-size:15px;display:block}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.two h2{margin-bottom:12px}.list{border:1px solid var(--line-2);border-radius:var(--r);background:#fff}.list li+li{border-top:1px solid var(--line)}.rowbtn{text-align:left;background:0 0;border:0;width:100%;padding:13px 16px;font-size:15.5px;display:block}button.rowbtn:hover{background:var(--bg-2)}.rowbtn span{color:var(--ink-3);margin-top:2px;font-size:14px;display:block}@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:minmax(0,1fr)}}.portal .tbl-wrap{background:#fff}.portal td{padding:10px 14px;font-size:15px}.portal th{padding:12px 14px}.portal table.slim{min-width:0}.sub2{color:var(--ink-3);max-width:34ch;margin-top:2px;font-size:13.5px;font-weight:400;display:block}.rowacts{white-space:nowrap}.rowacts>*+*{margin-left:8px}.pos{color:#17722f;font-weight:700}.neg{color:var(--red-hi);font-weight:700}.tag{background:var(--bg-2);border:1px solid var(--line-2);font:700 11.5px/1.3 var(--f);color:var(--ink-2);border-radius:3px;margin-left:6px;padding:2px 7px;display:inline-block}.pill{font:700 12.5px/1.2 var(--f);color:#3a3a3a;white-space:nowrap;background:#ececec;border-radius:99px;padding:4px 10px;display:inline-block}.p-submitted,.p-low{color:#6b4a00;background:#fdf0cf}.p-confirmed,.p-in-production{color:#123f84;background:#dfeafc}.p-shipped,.p-ok{color:#135c28;background:#dcf1e1}.p-cancelled,.p-out{color:#8a0009;background:#fbdcdc}.ed{gap:14px;display:grid}.ogrid,.lgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 14px;display:grid}.ogrid{border:1px solid var(--line-2);border-radius:var(--r);background:#fff;padding:18px 20px 20px}.lf{align-content:start;gap:5px;min-width:0;display:grid}.lf.w2{grid-column:span 2}.lf.w3{grid-column:span 3}.lf span{font:600 13.5px/1.2 var(--f);color:var(--ink-2)}.lf input,.lf select,.lf textarea{border:1px solid var(--line-2);border-radius:var(--r);width:100%;min-width:0;color:var(--ink);background:#fff;padding:9px 10px;font-size:15px}.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--ink);outline:0;box-shadow:0 0 0 3px #1515151a}.lf input:disabled,.lf select:disabled,.lf textarea:disabled{background:var(--bg-2);color:var(--ink-2)}.lf textarea{resize:vertical;min-height:64px}.line{border:1px solid var(--line-2);border-radius:var(--r);background:#fff;min-width:0;margin:0;padding:6px 20px 14px}.line legend{font:800 15px/1 var(--f);color:var(--red-hi);margin-left:-8px;padding:0 8px}.lfoot{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;display:flex}.lext{font:700 14.5px/1.2 var(--f);font-variant-numeric:tabular-nums;margin-right:auto}.addrow{display:flex}.kind button{padding:10px 15px}.tot{z-index:5;border:1px solid var(--line-2);border-top:4px solid var(--red);border-radius:var(--r);background:#fff;flex-wrap:wrap;align-items:center;gap:14px 36px;margin-top:16px;padding:14px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 20px #0000000f}.tot span{font:600 13px/1.2 var(--f);color:var(--ink-3);display:block}.tot b{font:800 22px/1.15 var(--f);letter-spacing:-.01em;display:block}.tot .acts{margin-left:auto}.tot .arrow:after{content:""}#ed-err{margin-top:10px}@media (max-width:1000px){.ogrid,.lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.ogrid,.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf.w3{grid-column:span 2}.tot{position:static}.tot .acts{margin-left:0}}.modal{z-index:60;background:#0f0f0f80;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.modal-card{background:#fff;border-radius:6px;width:min(560px,100%);padding:26px 28px 28px;box-shadow:0 24px 70px #0000004d}.modal-card h2{font:800 22px/1.2 var(--f);letter-spacing:-.015em;margin-bottom:18px}.modal-card p.f{color:var(--ink-2);font-size:16px}.toast{z-index:70;border-radius:var(--r);background:var(--dark);color:#fff;max-width:calc(100% - 32px);font:600 15px/1.3 var(--f);margin:0;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}