.wf-home{background:#fff;border:1px solid #d7e0e5;border-radius:12px;margin:18px 0;overflow:hidden;animation:qb-enter .4s ease both}.wf-home>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:#f9fbfd;border-bottom:1px solid #e3ebef}.wf-home h3{margin:6px 0 0;font-size:15px;color:#2c4659}.wf-home>header>span{font-size:10px;color:#8a9aa6}.wf-layout{display:grid;grid-template-columns:1fr 220px}.wf-lanes{padding:0 18px}.wf-lane{padding:16px 0;border-bottom:1px solid #e8edf1}.wf-home h4{margin:0 auto 12px;text-align:center;background:#eaf3fc;border:1px solid #c9dff2;color:#577c9c;font-size:9px;letter-spacing:1.2px;max-width:170px;padding:4px 12px;border-radius:3px}.wf-path{display:flex;align-items:center;justify-content:space-around;gap:5px}.wf-path>i{font-style:normal;font-size:22px;color:#bdc8cc;flex:1;text-align:center}.wf-node{border:1px solid transparent;background:transparent;cursor:pointer;padding:8px 5px;border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:80px;max-width:130px;flex:1;font:inherit;color:#4d606c;transition:transform .2s,background .2s,border-color .2s}.wf-node>span{height:35px;width:35px;display:grid;place-items:center;font-size:23px;line-height:1;background:linear-gradient(#f3faf7,#e2f0e7);border:1px solid #d2e2d8;border-radius:7px;color:#438455;box-shadow:0 2px 3px #425f4a0c}.wf-node:nth-child(3n)>span{color:#aa9239;background:linear-gradient(#fdfbef,#f3edce);border-color:#e9e0b9}.wf-node b{font-size:10px;font-weight:550;line-height:1.45;text-align:center;max-width:105px}.wf-node small{font-size:8px;color:#9b875c}.wf-node:hover{background:#f0f7fb;border-color:#c7dce7;transform:translateY(-2px)}.wf-lane p{font-size:9px;color:#94a0a7;text-align:center;line-height:1.6;margin:9px 12px 0}.wf-company{border-left:1px solid #e1e9ed;padding:16px;background:#fbfcfd}.wf-company>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-company .wf-node{width:100%;min-width:0}.wf-company .wf-node>span{color:#5485ac;background:linear-gradient(#eff7ff,#e1edf8);border-color:#ccdeef}.wf-live-panel{padding:20px;border:1px solid #c8ded1;border-radius:12px;background:#fcfffd;margin:0 0 18px;animation:qb-enter .4s ease both}.wf-live-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.wf-live-header h3{font-size:15px;color:#274734;margin:7px 0 15px}.wf-live-indicator{font-size:10px;color:#168344}.wf-live-indicator.offline{color:#af643a}.wf-live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wf-live-metrics>div{padding:14px;border:1px solid #e1ece4;background:white;border-radius:9px}.wf-live-metrics>div>span{font-size:10px;color:#718478;line-height:1.6;display:block}.wf-live-metrics b{font-size:22px;display:block;margin:10px 0;color:#284a35;font-variant-numeric:tabular-nums}.wf-live-metrics small{font-size:9px;color:#8b9d91;line-height:1.7}.wf-live-metrics b small{font-size:10px;font-weight:400}.wf-live-metrics .wf-pending{font-size:15px;color:#a47a34}.wf-source-note{font-size:10px;color:#899c90;line-height:1.7;margin:15px 0 0}.wf-receipts{margin-top:15px}.wf-receipts summary{font-size:11px;color:#398455;cursor:pointer}.wf-receipts .tbl-wrap{margin-top:12px}.wf-receipts td,.wf-receipts th{font-size:10px}@media(max-width:1100px){.wf-layout{grid-template-columns:1fr}.wf-company{border-left:0;border-top:1px solid #e1e9ed}.wf-company>div{grid-template-columns:repeat(4,1fr)}.wf-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-home>header{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.wf-node{min-width:55px}.wf-node b{font-size:9px}.wf-path{gap:0}.wf-path>i{font-size:17px}.wf-lanes{padding:0 7px}.wf-company{padding:12px 7px}.wf-live-panel{padding:14px}.wf-live-header{flex-direction:column;align-items:flex-start}.wf-live-metrics b{font-size:18px}.wf-live-metrics{gap:8px}}@media(prefers-reduced-motion:reduce){.wf-home,.wf-live-panel,.wf-node{animation:none!important;transition:none!important}}