:root{--bg:#f4f5f7;--panel:#fff;--line:#e5e7eb;--line-2:#d5d9e0;--text:#141c28;--dim:#5b6472;--faint:#8a93a2;--navy:#0b1623;--air:#dd6a5a;--sea:#4e7ca8;--amber:#a96f14;--amber-bg:#fffbeb;--pos:#217a4b;--neg:#c0392b}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px}.num{font-variant-numeric:tabular-nums}a{color:var(--sea);text-decoration:none}a:hover{color:var(--navy)}.appbar{z-index:200;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:28px;height:54px;padding:0 22px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;font-size:14.5px;font-weight:700;display:flex}.brand .app{color:var(--dim);border-left:1px solid var(--line-2);padding-left:10px;font-weight:500}.tabs{gap:18px;display:flex}.tabs a{color:var(--dim);font-size:13px;font-weight:500}.tabs a:hover{color:var(--text)}.shell{gap:16px;max-width:1180px;margin:0 auto;padding:22px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.phead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:13px 18px;display:flex}.phead h2{margin:0;font-size:15px;font-weight:600}.psub{color:var(--dim);margin-left:10px;font-size:12px}.pbody{padding:16px 18px}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);padding:10px 14px;font-size:10.5px;font-weight:600}table.data td{border-bottom:1px solid var(--line);padding:9px 14px;font-size:13px}table.data tr:last-child td{border-bottom:none}table.data td.r,table.data th.r{text-align:right}.pill{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.pill.transit{color:var(--sea);background:#eef3f8}.pill.due{background:var(--amber-bg);color:var(--amber)}.pill.received{color:var(--pos);background:#edf7f1}.pill.pending{color:var(--dim);background:#f1f2f4}.pill.open{color:var(--sea);background:#eef3f8}.btn{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line-2);cursor:pointer;border-radius:7px;padding:7px 13px;font-size:12.5px;font-weight:600}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.muted{color:var(--dim);font-size:12.5px}.mono{font-family:IBM Plex Mono,monospace;font-size:12px}