:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--ink:#000;--ink-soft:#333;--line:#000;--line-faint:#c8c8c8;--accent:#00337a;--inverse-bg:#000;--inverse-ink:#fff;--warn-bg:#ffe600;--warn-ink:#000;--tap:64px;--tap-lg:76px;--gap:10px;--radius:8px;--border:3px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-sm:15px;--fs-md:18px;--fs-lg:23px;--fs-xl:30px;--fw-normal:600;--fw-bold:800}@media (prefers-contrast:more){:root{--line-faint:#000;--ink-soft:#000}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-normal);font-variant-numeric:tabular-nums;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink)}.app{flex-direction:column;max-width:1100px;min-height:100%;margin:0 auto;display:flex}.hdr{border-bottom:var(--border) solid var(--line);padding:8px 12px}.hdr__top{align-items:center;gap:var(--gap);display:flex}.hdr__logo{flex:none;width:40px;height:40px}.hdr__brand{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.02em}.hdr__tail{font-weight:var(--fw-bold);border:2px solid var(--line);border-radius:var(--radius);margin-left:auto;padding:2px 8px}.hdr__meta{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:6px;display:flex}.hdr__sunset{font-weight:var(--fw-bold)}.sync{border:2px solid var(--line);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:2px 8px}.sync--pending{background:var(--warn-bg);color:var(--warn-ink)}.loads{border-collapse:collapse;width:100%}.loads th,.loads td{border-bottom:2px solid var(--line-faint);text-align:left;padding:10px 6px}.loads th{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border) solid var(--line)}.loads td.num,.loads th.num{text-align:right}.loads .seq{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.loads .time{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.loads .muted{color:var(--ink-soft)}.btn{min-height:var(--tap);min-width:var(--tap);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--bg);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;padding:0 14px}.btn:active,.btn--primary{background:var(--inverse-bg);color:var(--inverse-ink)}.btn--primary:active{background:var(--bg);color:var(--ink)}.btn--now{min-height:var(--tap-lg);font-size:var(--fs-lg);width:100%}.btn--ghost{border-style:dashed}.btn:disabled{opacity:.45}.row{gap:var(--gap);display:flex}.row--wrap{flex-wrap:wrap}.grow{flex:1 1 0}.pad{padding:12px}.stack{gap:var(--gap);flex-direction:column;display:flex}.totals{border-top:var(--border) solid var(--line);font-weight:var(--fw-bold);flex-wrap:wrap;gap:6px 22px;padding:12px;display:flex}.totals b{font-size:var(--fs-lg)}.sheet{z-index:10;background:#0000008c;place-items:end center;display:grid;position:fixed;inset:0}.sheet__panel{background:var(--bg);border-top:var(--border) solid var(--line);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;padding:16px}.sheet__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0 0 12px}.warnbox{background:var(--warn-bg);color:var(--warn-ink);border:var(--border) solid var(--line);border-radius:var(--radius);font-weight:var(--fw-bold);padding:12px}.field{flex-direction:column;gap:4px;display:flex}.field label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{min-height:var(--tap);border:var(--border) solid var(--line);border-radius:var(--radius);font-size:var(--fs-xl);font-weight:var(--fw-bold);background:var(--bg);width:100%;padding:0 10px}.nav{border-top:var(--border) solid var(--line);background:var(--bg);margin-top:auto;display:flex;position:sticky;bottom:0}.nav button{min-height:var(--tap);background:var(--bg);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;border:0;flex:1}.nav button[aria-current=page]{background:var(--inverse-bg);color:var(--inverse-ink)}@media (width>=860px){.loads th,.loads td{padding:12px 10px}.nav{position:static}.hdr__logo{width:52px;height:52px}}