:root{--pri:#1a56db;--pri-d:#1442b0;--pri-l:#eff4ff;--pri-ll:#f5f8ff;--ok:#0e9f6e;--ok-l:#def7ec;--warn:#c27803;--warn-l:#fdf6b2;--warn-bg:#fffbeb;--err:#e02424;--err-l:#fde8e8;--err-bg:#fef2f2;--purple:#7c3aed;--cyan:#0891b2;--t1:#1a1f36;--t2:#3c4257;--t3:#697386;--t4:#8792a2;--t5:#a3acb9;--bd:#e3e8ee;--bd-l:#eef1f6;--bg:#f6f9fc;--white:#fff;--sw:248px;--topbar:64px;--f:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"SF Mono","SFMono-Regular","Consolas","Liberation Mono",monospace;--sh-sm:0 1px 2px #1a1f360f;--sh:0 1px 3px #1a1f3614,0 1px 2px #1a1f360a;--sh-md:0 4px 12px #1a1f3614,0 2px 4px #1a1f360a;--sh-card:0 0 0 1px #1a1f360a,0 2px 5px #1a1f360f,0 1px 2px #1a1f360a}*{box-sizing:border-box}body{font-family:var(--f);color:var(--t2);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:14px;line-height:1.6}input,select,textarea,button{font-family:var(--f)}.app{background:var(--bg);min-height:100vh}.tbar{height:var(--topbar);background:var(--white);border-bottom:1px solid var(--bd);z-index:100;align-items:center;gap:28px;padding:0 24px;display:flex;position:sticky;top:0}.tbar-logo{color:var(--pri);white-space:nowrap;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.tbar-logo .mk{background:linear-gradient(135deg,#1a56db,#3b82f6);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.tnav{flex:1;gap:4px;display:flex}.tnav-i{color:var(--t3);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .12s}.tnav-i:hover{background:var(--bg);color:var(--t1)}.tnav-i.on{background:var(--pri-l);color:var(--pri);font-weight:600}.tbar-right{align-items:center;gap:8px;display:flex}.tbar-ic{cursor:pointer;width:36px;height:36px;color:var(--t3);border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex;position:relative}.tbar-ic:hover{background:var(--bg);color:var(--t1)}.tbar-user{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 6px;transition:background .12s;display:flex}.tbar-user:hover{background:var(--bg)}.tbar-avatar{color:#fff;background:linear-gradient(135deg,#1a56db,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.tbar-uname{color:var(--t1);font-size:13px;font-weight:600}.tbar-urole{color:var(--t4);font-size:11px}.shell{min-height:calc(100vh - 64px);display:flex}.sb{width:var(--sw);background:var(--white);border-right:1px solid var(--bd);flex-shrink:0;padding:16px 12px}.sb-cat{color:var(--t4);text-transform:uppercase;letter-spacing:.6px;padding:6px 10px 8px;font-size:11px;font-weight:600}.sb-i{cursor:pointer;color:var(--t2);border-radius:8px;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:flex;position:relative}.sb-i:hover{background:var(--bg);color:var(--t1);transform:translate(3px)}.sb-i:active{transform:translate(1px)scale(.99)}.sb-i.on{background:var(--pri-l);color:var(--pri);font-weight:600;box-shadow:0 1px 3px #1a56db14}.sb-i.on:before{content:"";background:var(--pri);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-12px}.sb-i .sb-ic{text-align:center;opacity:.7;flex-shrink:0;width:18px;font-size:16px;transition:opacity .2s,transform .2s}.sb-i:hover .sb-ic{opacity:1;transform:scale(1.1)}.sb-i.on .sb-ic{opacity:1}.sb-badge{background:var(--err);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sb-divider{background:var(--bd-l);height:1px;margin:12px 8px}.content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.phead{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.ptitle{color:var(--t1);letter-spacing:-.02em;font-size:24px;font-weight:700}.psub{color:var(--t3);margin-top:4px;font-size:14px}.pactions{flex-shrink:0;gap:10px;display:flex}.btn{cursor:pointer;white-space:nowrap;height:38px;font-size:14px;font-weight:600;font-family:var(--f);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 16px;transition:all .12s;display:inline-flex}.bp{background:var(--pri);color:#fff;box-shadow:0 1px 2px #1a56db4d}.bp:hover{background:var(--pri-d)}.bd{background:var(--white);color:var(--t2);border-color:var(--bd);box-shadow:var(--sh-sm)}.bd:hover{background:var(--bg);border-color:var(--t5)}.bok{background:var(--ok);color:#fff}.bok:hover{filter:brightness(.95)}.berr{background:var(--err);color:#fff}.bsm{border-radius:7px;height:30px;padding:0 11px;font-size:12px}.bxs{border-radius:6px;height:26px;padding:0 9px;font-size:12px;font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.fi{border:1px solid var(--bd);height:38px;color:var(--t1);background:var(--white);box-shadow:var(--sh-sm);border-radius:8px;outline:none;padding:0 12px;font-size:14px;transition:all .12s}.fi:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}select.fi{cursor:pointer;padding-right:28px}.fi-sm{height:34px;font-size:13px}.fi-full{width:100%}textarea.fi{resize:vertical;height:auto;padding:10px 12px;line-height:1.6}.card{background:var(--white);box-shadow:var(--sh-card);border-radius:14px;overflow:hidden}.cp{padding:22px 24px}.card-h{border-bottom:1px solid var(--bd-l);color:var(--t1);justify-content:space-between;align-items:center;padding:18px 24px;font-size:15px;font-weight:600;display:flex}.alert{border-radius:12px;align-items:center;gap:11px;margin-bottom:12px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.alert-w{background:var(--warn-bg);color:#92400e;border:1px solid #fde68a}.alert-i{background:var(--pri-ll);color:#1e429f;border:1px solid #bfd4fe}.alert-e{background:var(--err-bg);color:#9b1c1c;border:1px solid #fbd5d5}.alert-ok{color:#03543f;background:#f3faf7;border:1px solid #bcf0da}.tc{background:var(--white);box-shadow:var(--sh-card);border-radius:14px;margin-bottom:20px;overflow:hidden}.ttb{border-bottom:1px solid var(--bd-l);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.sp{flex:1}table{border-collapse:collapse;width:100%}thead th{background:var(--bg);text-align:left;color:var(--t3);border-bottom:1px solid var(--bd-l);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:12px 16px;font-size:12px;font-weight:600}tbody tr{border-bottom:1px solid var(--bd-l);transition:background .1s}tbody tr:hover{background:var(--pri-ll)}tbody td{color:var(--t2);vertical-align:middle;padding:14px 16px;font-size:14px}tbody tr:last-child{border-bottom:none}.mono{font-family:var(--mono);color:var(--pri);font-size:13px;font-weight:500}.cdt{color:#9ca3af;font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.3px;margin-left:4px}.tr{text-align:right}.pg{border-top:1px solid var(--bd-l);justify-content:flex-end;align-items:center;gap:4px;padding:14px 18px;display:flex}.pgb{border:1px solid var(--bd);background:var(--white);cursor:pointer;min-width:32px;height:32px;color:var(--t2);border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .1s;display:inline-flex}.pgb:hover{background:var(--bg)}.pgb.on{background:var(--pri);color:#fff;border-color:var(--pri)}.pgb.disabled{opacity:.4;cursor:not-allowed}.pgi{color:var(--t4);margin-right:8px;font-size:13px}.pgsz{color:var(--t4);align-items:center;gap:5px;margin-right:8px;font-size:13px;display:inline-flex}.pgsz select{border:1px solid var(--bd);background:var(--white);height:30px;color:var(--t2);cursor:pointer;border-radius:7px;padding:0 7px;font-size:13px}.bx{border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.bx:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.b-pend{background:var(--warn-l);color:#723b13}.b-pend:before{background:#c27803}.b-ok{background:var(--ok-l);color:#03543f}.b-ok:before{background:#0e9f6e}.b-pack{color:#1e429f;background:#e1effe}.b-pack:before{background:#3b82f6}.b-ship{color:#5521b5;background:#edebfe}.b-ship:before{background:#7c3aed}.b-done{color:#475569;background:#f1f5f9}.b-done:before{background:#94a3b8}.b-err{background:var(--err-l);color:#9b1c1c}.b-err:before{background:#e02424}.tag{border:1px solid;border-radius:7px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.tp{color:var(--pri);background:var(--pri-l);border-color:#bfd4fe}.tok{color:#03543f;background:var(--ok-l);border-color:#84e1bc}.tw{color:#723b13;background:var(--warn-l);border-color:#fce96a}.te{color:#9b1c1c;background:var(--err-l);border-color:#f8b4b4}.tg{color:var(--t3);background:var(--bg);border-color:var(--bd)}.fb{background:var(--white);box-shadow:var(--sh-card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:16px 18px;display:flex}.fl{color:var(--t3);font-size:13px;font-weight:500}.fs{background:var(--bd);width:1px;height:22px;margin:0 4px}.smb{color:#1e429f;background:linear-gradient(120deg,#eff4ff,#f5f8ff);border:1px solid #bfd4fe;border-radius:12px;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:16px;padding:14px 20px;font-size:14px;display:flex}.smb-i{flex-direction:column;gap:2px;display:flex}.smb-l{color:#3f6ad8;opacity:.8;font-size:12px}.smb-v{color:#1e429f;font-size:18px;font-weight:700}.amg{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.amc{background:var(--bg);border:1px solid var(--bd-l);border-radius:12px;padding:16px 18px}.amc.hi{background:linear-gradient(120deg,#eff4ff,#f5f8ff);border-color:#bfd4fe}.aml{color:var(--t4);margin-bottom:6px;font-size:12px}.amv{color:var(--t1);letter-spacing:-.02em;font-size:22px;font-weight:700}.amc.hi .amv{color:var(--pri)}.ams{color:var(--t4);margin-top:3px;font-size:12px}.pb2{background:var(--bg);color:var(--t2);border:1px solid var(--bd-l);border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:13px;font-weight:500;display:inline-flex}.dwig{border:1px solid var(--bd-l);background:var(--white);border-radius:10px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.dwig-c{border-bottom:1px solid var(--bd-l);border-right:1px solid var(--bd-l);padding:13px 16px}.dwig-c:nth-child(2n){border-right:none}.dwig-l{color:var(--t4);margin-bottom:3px;font-size:12px}.dwig-v{color:var(--t1);font-size:14px;font-weight:600}.dwig-c.full{border-right:none;grid-column:span 2}.dw-sect{color:var(--t3);text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:13px;font-weight:600}.dw-sect:not(:first-child){margin-top:24px}.fg{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.fg label{color:var(--t2);font-size:13px;font-weight:600}.fg .req{color:var(--err)}.fg .hint{color:var(--t4);font-size:12px}.toast-wrap{z-index:3000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.toast{background:var(--white);color:var(--t1);border:1px solid var(--bd-l);opacity:0;pointer-events:auto;border-radius:10px;align-items:center;gap:10px;min-width:200px;max-width:420px;padding:13px 20px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(-12px);box-shadow:0 8px 28px #1a1f362e}.toast.show{opacity:1;transform:translateY(0)}.toast-ic{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.toast-ok .toast-ic{background:var(--ok)}.toast-info .toast-ic{background:var(--pri)}.toast-warn .toast-ic{background:var(--warn)}.toast-err .toast-ic{background:var(--err)}.dw-mask{z-index:2000;opacity:0;visibility:hidden;background:#1a1f3666;transition:opacity .25s;position:fixed;top:0;bottom:0;left:0;right:0}.dw-mask.open{opacity:1;visibility:visible}.dw{background:var(--bg);z-index:2001;flex-direction:column;width:560px;max-width:92vw;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #1a1f362e}.dw.open{transform:translate(0)}.dw.wide{width:720px}.dw-head{background:var(--white);border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.dw-title{color:var(--t1);font-size:18px;font-weight:700}.dw-sub{color:var(--t3);margin-top:3px;font-size:13px}.dw-x{background:var(--bg);width:34px;height:34px;color:var(--t3);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .12s;display:flex}.dw-x:hover{background:var(--bd);color:var(--t1)}.dw-body{flex:1;padding:24px;overflow-y:auto}.dw-foot{background:var(--white);border-top:1px solid var(--bd);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.dwpay{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.dwpay-o{border:1.5px solid var(--bd);text-align:center;cursor:pointer;background:var(--white);border-radius:10px;padding:12px 6px;transition:all .12s}.dwpay-o.sel{border-color:var(--pri);background:var(--pri-l)}.dwpay-o .i{margin-bottom:4px;font-size:22px}.dwpay-o .n{color:var(--t3);font-size:12px}.dwpay-o.sel .n{color:var(--pri);font-weight:600}.dwcalc{background:var(--white);border:1px solid var(--bd-l);border-radius:10px;padding:14px 16px}.dwcalc .r{color:var(--t3);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.dwcalc .r.tot{border-top:1px dashed var(--bd);color:var(--t1);margin-top:6px;padding-top:10px;font-size:16px;font-weight:700}:root{--el-color-primary:var(--pri);--el-color-primary-light-3:#5b86e5;--el-color-primary-light-5:#8fb0ef;--el-color-primary-light-7:#c2d4f7;--el-color-primary-light-9:var(--pri-l);--el-color-primary-dark-2:var(--pri-d);--el-color-success:var(--ok);--el-color-warning:var(--warn);--el-color-danger:var(--err);--el-text-color-primary:var(--t1);--el-text-color-regular:var(--t2);--el-text-color-secondary:var(--t3);--el-text-color-placeholder:var(--t5);--el-border-color:var(--bd);--el-border-color-light:var(--bd-l);--el-fill-color-blank:var(--white);--el-bg-color-page:var(--bg);--el-border-radius-base:8px;--el-font-size-base:14px;--el-font-family:var(--f)}