:root{--blue:#243160;--blue-2:#34478a;--blue-soft:#e9ecf6;--ink:#1c2130;--muted:#5d6475;--line:#dde1e9;--bg:#f4f5f8;--card:#fff;--amber:#8a5a00;--amber-soft:#fdf3dc;--info-soft:#e7f0fb;--red:#b42318;--red-soft:#fdecea;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2}h2{font-size:1.35rem}h3{margin-top:1.2em;font-size:1.05rem}h4{margin:1em 0 .4em;font-size:.95rem}a{color:var(--blue-2)}.muted{color:var(--muted)}.small{font-size:.82rem}.big{font-size:1.5rem;font-weight:700}.r{text-align:right}.pad{padding:1rem}.warn{color:var(--amber);font-weight:600}.error{color:var(--red);background:var(--red-soft);white-space:pre-wrap;border-radius:8px;padding:.5rem .75rem}.ok{color:var(--blue-2);font-weight:600}.note{background:var(--amber-soft);border-radius:8px;padding:.5rem .75rem}.loading{text-align:center;color:var(--muted);padding:3rem}.row{align-items:center;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap{gap:.5rem}.end{justify-content:flex-end}.grow{flex:14rem}button,.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;min-height:40px;padding:.55rem .95rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.primary{background:var(--blue);color:#fff;font-weight:600}.primary:hover:not(:disabled){background:var(--blue-2)}.secondary{border-color:var(--line);color:var(--ink);background:#fff}.secondary:hover{border-color:var(--blue)}.ghost{color:var(--blue-2);background:0 0}.ghost:hover{background:var(--blue-soft)}.link{min-height:0;color:var(--blue-2);background:0 0;border:0;padding:0 .35rem;text-decoration:underline}.back{margin-bottom:.25rem;padding-left:0}input,select{font:inherit;border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;padding:.55rem .7rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--blue-2);outline-offset:1px}label{gap:.25rem;font-size:.9rem;font-weight:600;display:grid}label.check{align-items:center;gap:.4rem;font-weight:400;display:flex}.search{width:100%;margin:.5rem 0}.top{z-index:20;background:var(--blue);color:#fff;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.brandmark{cursor:pointer;align-items:center;gap:.6rem;min-width:0;display:flex}.logo{color:var(--blue);letter-spacing:.5px;background:#fff;border-radius:6px;padding:.15rem .4rem;font-weight:800}.logo.big{background:var(--blue);color:#fff;width:max-content;margin:0 auto .5rem;font-size:1.4rem}.logo-img{width:auto;height:30px;display:block}.login-logo{width:100%;max-width:15rem;height:auto;margin:0 auto .4rem;display:block}.showname{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.showname em{opacity:.85;font-weight:400}.mainnav{gap:.25rem;display:flex}.mainnav a{color:#dfe4f2;border-radius:7px;padding:.45rem .7rem;font-weight:600;text-decoration:none}.mainnav a.active,.mainnav a:hover{color:#fff;background:#ffffff24}.totals{gap:1rem;margin-left:auto;display:flex}.totals div{text-align:right;line-height:1.1;display:grid}.totals span{opacity:.8;text-transform:uppercase;letter-spacing:.4px;font-size:.72rem}.totals b{font-variant-numeric:tabular-nums}.totals .grand b{font-size:1.05rem}.usermenu{position:relative}.usermenu>.ghost{color:#fff}.dropdown{color:var(--ink);background:#fff;border-radius:10px;gap:.2rem;min-width:14rem;padding:.6rem;display:grid;position:absolute;top:110%;right:0;box-shadow:0 8px 30px #0000002e}main{max-width:1240px;margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1rem 1.1rem}.card.narrow{gap:.75rem;max-width:26rem;margin:2rem auto;display:grid}.loginwrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login{text-align:left;gap:.8rem;width:100%;max-width:24rem;display:grid}.login h1{text-align:center;font-size:1.3rem}.jobbar{background:var(--blue-soft);border-radius:var(--radius);border:1px solid #cdd4ea;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.6rem 1rem;display:flex}.jobname{font-size:1.05rem}.jobtag{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cdd4ea;border-radius:5px;padding:0 .35rem;font-size:.85rem}.joblist{gap:.35rem;max-height:65vh;display:grid;overflow:auto}.jobrow{text-align:left;border:1px solid var(--line);background:#fff;gap:.1rem;display:grid}.jobrow:hover{border-color:var(--blue);background:var(--blue-soft)}.progress{margin-bottom:.5rem}.bar{background:#e6e9f0;border-radius:4px;height:8px;margin-top:.35rem;position:relative;overflow:hidden}.bar i{background:#a9b5dc;position:absolute;inset:0 auto 0 0}.bar i.sub{background:var(--blue)}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:34px;padding:.3rem .7rem}.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}.vendor{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}.vendor h3{margin:0 0 .5rem}.brands{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.5rem;display:grid}.brand{text-align:left;border:1px solid var(--line);background:#fff;gap:.15rem;padding:.6rem .75rem;display:grid}.brand:hover{border-color:var(--blue)}.brand.open{border-left:4px solid #d09a1b}.brand.submitted{border-left:4px solid var(--blue);background:#fbfcfe}.bname{font-weight:700}.pill{width:max-content;color:var(--muted);vertical-align:middle;background:#eef0f4;border-radius:999px;padding:.05rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.pill.open,.pill.invited,.pill.pending{background:var(--amber-soft);color:var(--amber)}.pill.submitted,.pill.active{background:var(--blue-soft);color:var(--blue)}.pill.disabled{background:var(--red-soft);color:var(--red)}.gridhead{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1rem;display:flex}.gridhead .back{flex-basis:100%}.gridhead .title{flex:14rem}.gridhead .title h2{margin:0}.ordersum{align-items:center;gap:1rem;display:flex}.ordersum>div{text-align:right;line-height:1.2;display:grid}.ordersum b{font-variant-numeric:tabular-nums;font-size:1.4rem}.savestate{color:var(--blue-2);min-width:8.5rem;font-size:.82rem}.savestate.busy{color:var(--muted)}.savestate.bad{color:var(--red);font-weight:600}.banner{background:var(--info-soft);border-radius:8px;margin:.6rem 0;padding:.55rem .8rem}.banner.open{background:var(--amber-soft)}.banner.submitted{background:var(--blue-soft)}.banner.info{background:var(--info-soft)}.toolbar{z-index:5;background:#fff;padding:.2rem 0;position:sticky;top:56px}.pgrid{border:1px solid var(--line);border-radius:8px}.prow{content-visibility:auto;contain-intrinsic-size:auto 46px;border-top:1px solid #eef0f4;grid-template-columns:minmax(0,1fr) 9.5rem 8.5rem 5rem 5rem 5.6rem 6.2rem;align-items:center;gap:.5rem;padding:.3rem .6rem;display:grid}.prow:first-child{border-top:0}.phead{text-transform:uppercase;letter-spacing:.3px;color:var(--muted);z-index:4;content-visibility:visible;background:#f7f8fb;font-size:.78rem;font-weight:700;position:sticky;top:110px}.prow.has{background:#f2f4fb}.prow .desc{font-weight:500}.prow .by{color:var(--amber);font-size:.78rem;font-weight:400}.prow .sku,.prow .upc{color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.82rem}.prow .reg{color:var(--muted);font-size:.85rem;text-decoration:line-through}.prow .price{font-weight:600}.prow .ext{font-variant-numeric:tabular-nums;font-weight:600}.qty input{text-align:right;font-variant-numeric:tabular-nums;width:5.2rem;padding:.4rem .5rem;font-size:1rem;font-weight:700}.qty input.saving{border-color:#a7b0c8}.qty input.saved{border-color:#8a99cf}.qty input.error{border-color:var(--red);background:var(--red-soft)}.qty input:disabled{color:var(--ink);background:#f4f5f8}.savebtn{justify-content:center;min-width:6rem;font-weight:600}.savedmsg{color:var(--blue-2);font-size:.85rem}.gridfoot{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.8rem;padding:.6rem 0;display:flex;position:sticky;bottom:0}.modal{z-index:50;background:#0f142873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal .card{width:100%;max-width:30rem;margin:0}.modal .card.wide{max-width:40rem}.reviewlist{border:1px solid var(--line);border-radius:8px;gap:.3rem;max-height:45vh;padding:.5rem;display:grid;overflow:auto}.tablewrap{margin-top:.5rem;overflow-x:auto}table.orders{border-collapse:collapse;width:100%}table.orders th,table.orders td{text-align:left;vertical-align:top;border-bottom:1px solid #eef0f4;padding:.5rem .55rem}table.orders th{text-transform:uppercase;letter-spacing:.3px;color:var(--muted);background:#f7f8fb;font-size:.78rem}table.orders th.r,table.orders td.r{text-align:right;font-variant-numeric:tabular-nums}table.compact td{padding:.35rem .5rem}.actions{white-space:nowrap}.brandtable tr.clickable{cursor:pointer}.brandtable tr.clickable:hover td,.brandtable tr.clickable:focus td{background:var(--blue-soft)}.brandtable tr.open td:first-child{box-shadow:inset 4px 0 #d09a1b}.brandtable tr.submitted td:first-child{box-shadow:inset 4px 0 0 var(--blue)}.brandtable td{vertical-align:middle}.sortbtn{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;align-items:center;gap:.3rem;display:inline-flex}.sortbtn:focus-visible{outline:2px solid var(--blue-2);outline-offset:2px;border-radius:3px}.sortbtn .arrow{opacity:.35;font-size:.7rem}th.sorted{color:var(--blue)}th.sorted .arrow{opacity:1}th.sortable:hover{color:var(--blue)}th.r .sortbtn{justify-content:flex-end;width:100%}.phone-sort{display:none}.tag{background:var(--amber-soft);color:var(--amber);border-radius:6px;margin-left:.3rem;padding:.05rem .45rem;font-size:.82rem;display:inline-block}.sumtiles{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.6rem 0;display:grid}.sumtiles.six{grid-template-columns:repeat(6,1fr)}.sumtiles div{border:1px solid var(--line);border-radius:8px;padding:.55rem .75rem;display:grid}.sumtiles span{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}.sumtiles b{font-variant-numeric:tabular-nums;font-size:1.3rem}.sumtiles em{color:var(--muted);font-size:.82rem;font-style:normal}.sumtiles .grand{background:var(--blue-soft);border-color:#cdd4ea}.tabs{border-bottom:1px solid var(--line);gap:.3rem;margin:.5rem 0;display:flex}.tabs button{color:var(--muted);background:0 0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;font-weight:600}.tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}.tabs span{background:#eef0f4;border-radius:999px;padding:0 .45rem;font-size:.78rem}.filters select{flex:0 12rem}.selbar{background:var(--blue-soft);z-index:5;border-radius:8px;justify-content:space-between;align-items:center;margin:.4rem 0;padding:.4rem .7rem;display:flex;position:sticky;top:56px}.whobox{flex-wrap:wrap;gap:.6rem;margin:.8rem 0;display:flex}.whobox div{border:1px solid var(--line);border-radius:8px;min-width:14rem;padding:.5rem .75rem;display:grid}.history{border:1px solid var(--line);border-radius:8px;gap:.25rem;max-height:22rem;margin:.6rem 0;padding:.5rem .75rem;font-size:.9rem;display:grid;overflow:auto}.inline-form{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.inline-form input{flex:12rem}.inline-form.tight input{flex:10rem;min-width:10rem}.linkbox{gap:.4rem;margin:.4rem 0;display:flex}.linkbox input{flex:1;font-size:.82rem}.subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.2rem;margin-bottom:.8rem;padding-bottom:.4rem;display:flex}.subnav a{color:var(--muted);border-radius:7px;padding:.4rem .7rem;font-weight:600;text-decoration:none}.subnav a.active{background:var(--blue-soft);color:var(--blue)}.admin-vendor .vendor-body{padding:.2rem 0 .6rem}.rep{border-bottom:1px solid #eef0f4;padding:.3rem 0}.brandtags{flex-wrap:wrap;gap:.35rem;display:flex}.brandtags .tag{color:var(--ink);background:#eef0f4;align-items:center;gap:.3rem;margin:0;display:inline-flex}.brandtags select{background:0 0;border:0;width:1.3rem;min-height:0;padding:0 .2rem;font-size:.75rem}.uploads{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.upload{border:1px dashed #b9c0d3;border-radius:8px;padding:.8rem;font-weight:400}@media (width<=760px){main{padding:.6rem}.card{padding:.8rem}.top{gap:.4rem .8rem;padding:.45rem .7rem}.brandmark{flex:1 1 0;min-width:0}.showname{min-width:0;font-size:.82rem}.logo-img{flex:none;height:24px}.usermenu{margin-left:auto}.mainnav{order:3;width:100%;overflow-x:auto}.totals{order:4;justify-content:space-between;width:100%;margin:0}.totals div{text-align:left}.toolbar,.selbar{position:static;top:0}.phead,.hide-sm{display:none}.top{position:static}.prow{contain-intrinsic-size:auto 84px;grid-template-columns:1fr auto;grid-template-areas:"desc qty""sku qty""price ext";gap:.1rem .6rem;padding:.5rem .6rem}.prow .desc{grid-area:desc;font-size:.95rem}.prow .qty{grid-area:qty;align-self:center}.prow .ext{text-align:right;grid-area:ext;align-self:center;font-size:.8rem}.prow .sku{grid-area:sku}.prow .price{text-align:left;grid-area:price}.gridfoot{padding:.4rem 0}.gridfoot .row{flex:100%}.gridfoot .secondary{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;min-height:36px;padding:.35rem .5rem;font-size:.82rem;display:block;overflow:hidden}.gridfoot .primary{flex:100%;justify-content:center}.qty input{width:5.5rem;height:46px;font-size:1.15rem}.ordersum b{font-size:1.15rem}.savestate{min-width:0}.sumtiles,.sumtiles.six{grid-template-columns:repeat(2,1fr)}.sumtiles .grand{grid-column:span 2}.jobbar{flex-wrap:wrap}.uploads{grid-template-columns:1fr}table.orders thead{display:none}table.orders tr{border-bottom:1px solid var(--line);padding:.4rem 0;display:grid}table.orders td{border:0;gap:.5rem;padding:.1rem .2rem;display:flex}table.orders td[data-l]:before{content:attr(data-l);color:var(--muted);min-width:5.5rem;font-size:.78rem}table.orders td.r{text-align:left;justify-content:flex-start}.brandtable tr{grid-template-columns:1fr auto;grid-template-areas:"brand amount""vendor status""rep items";column-gap:.6rem;padding:.55rem .2rem}.brandtable td{padding:0 .2rem}.brandtable td[data-l]:before{display:none}.brandtable td[data-l=Brand]{grid-area:brand}.brandtable td[data-l=Amount]{grid-area:amount;justify-content:flex-end}.brandtable td[data-l=Vendor]{color:var(--muted);grid-area:vendor;font-size:.88rem}.brandtable td[data-l=Rep]{color:var(--muted);grid-area:rep;font-size:.82rem}.brandtable td[data-l=Rep]:after{content:none}.brandtable td[data-l=Status]{grid-area:status;justify-content:flex-end}.brandtable td[data-l=Items]{color:var(--muted);grid-area:items;justify-content:flex-end;font-size:.82rem}.brandtable td[data-l=Items]:after{content:" items";white-space:pre}.footactions{flex:100%}.footactions .savebtn{flex:1 1 0}.footactions .primary{flex:2 1 0;min-height:44px}.footactions .savebtn{min-height:44px}.savedmsg{text-align:center;flex:100%}.phone-sort{align-items:center;gap:.5rem;margin:.3rem 0;font-size:.9rem;font-weight:600;display:flex}.phone-sort select{flex:1}}