@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600&display=swap";html,body,#root{margin:0;padding:0;min-height:100%}.bb{--ink:#141b26;--ink-2:#33404f;--paper:#eef1f4;--surface:#ffffff;--line:#d8dee6;--line-strong:#b6c0cc;--signal:#0e7c66;--signal-soft:#e2f2ee;--amber:#b45309;--amber-soft:#fbeee0;--red:#b3261e;--red-soft:#fbe6e4;--cargo:#e2582a;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);min-height:100%;-webkit-font-smoothing:antialiased}.bb *{box-sizing:border-box}.bb .mono{font-family:Space Mono,monospace;font-variant-numeric:tabular-nums}.bb .disp{font-family:Space Grotesk,sans-serif}.bb-shell{max-width:1120px;margin:0 auto;padding:0 20px 64px}.bb-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 18px;border-bottom:2px solid var(--ink);flex-wrap:wrap}.bb-brand{display:flex;align-items:center;gap:12px}.bb-brand .glyph{width:38px;height:38px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}.bb-brand h1{font-family:Space Grotesk;font-size:19px;font-weight:700;margin:0;letter-spacing:-.01em}.bb-brand p{margin:1px 0 0;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.bb-ticker{display:flex;gap:0;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--surface)}.bb-tk{padding:8px 16px;border-right:1px solid var(--line);min-width:110px}.bb-tk:last-child{border-right:0}.bb-tk .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2)}.bb-tk .val{font-family:Space Mono;font-weight:700;font-size:16px;margin-top:2px}.bb-nav{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 22px}.bb-nav button{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;font-family:Space Grotesk;font-weight:500;font-size:13.5px;color:var(--ink-2);padding:8px 13px;border-radius:8px;cursor:pointer;transition:.13s}.bb-nav button:hover{background:var(--surface);color:var(--ink)}.bb-nav button.on{background:var(--ink);color:#fff}.bb-nav .dot{background:var(--cargo);color:#fff;font-size:10px;font-weight:700;border-radius:20px;padding:1px 6px;margin-left:2px;font-family:Space Mono}.bb-subnav{display:inline-flex;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:3px;margin-bottom:20px;flex-wrap:wrap}.bb-subnav button{border:none;background:transparent;font-family:Space Grotesk;font-weight:500;font-size:13px;color:var(--ink-2);padding:8px 15px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.12s}.bb-subnav button:hover{color:var(--ink)}.bb-subnav button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.bb-card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.bb-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:12px;flex-wrap:wrap}.bb-h h2{font-family:Space Grotesk;font-size:16px;font-weight:600;margin:0}.bb-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600}.bb-item-row{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px;margin-bottom:12px}.bb-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.bb-item-head .name{font-family:Space Grotesk;font-weight:600;font-size:15px}.bb-item-head .price{font-family:Space Mono;font-size:12px;color:var(--ink-2)}.bb-item-head .tot{font-family:Space Mono;font-weight:700;font-size:15px}.bb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.bb-tile{border:1px solid var(--line);border-radius:9px;padding:9px 11px;position:relative;overflow:hidden}.bb-tile .loc{font-size:11px;color:var(--ink-2);display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.06em}.bb-tile .q{font-family:Space Mono;font-weight:700;font-size:22px;line-height:1.1;margin-top:4px}.bb-tile .sub{font-size:10.5px;color:var(--ink-2);margin-top:1px;font-family:Space Mono}.bb-tile .bar{position:absolute;left:0;top:0;bottom:0;width:4px}.bb-tile.ok .bar{background:var(--signal)}.bb-tile.ok .q{color:var(--signal)}.bb-tile.low .bar{background:var(--amber)}.bb-tile.low .q{color:var(--amber)}.bb-tile.out .bar{background:var(--red)}.bb-tile.out .q{color:var(--red)}.bb-alert{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:11px 13px;font-size:13px;margin-bottom:8px}.bb-alert.low{background:var(--amber-soft);color:#7a3908}.bb-alert.out{background:var(--red-soft);color:#7d1b16}.bb-alert.ok{background:var(--signal-soft);color:#0a5b4b}.bb-alert b{font-weight:600}.bb-field{margin-bottom:13px}.bb-field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px;letter-spacing:.02em}.bb-input,.bb-select{width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:9px 11px;font-family:Inter;font-size:14px;background:var(--surface);color:var(--ink)}.bb-input:focus,.bb-select:focus{outline:2px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}.bb-input.mono{font-family:Space Mono}.bb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bb-cta{display:inline-flex;align-items:center;gap:8px;background:var(--cargo);color:#fff;border:none;font-family:Space Grotesk;font-weight:600;font-size:14px;padding:11px 18px;border-radius:9px;cursor:pointer;transition:.13s}.bb-cta:hover{filter:brightness(.94)}.bb-cta:disabled{opacity:.45;cursor:not-allowed}.bb-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line-strong);color:var(--ink);font-family:Space Grotesk;font-weight:500;font-size:13px;padding:8px 13px;border-radius:8px;cursor:pointer}.bb-ghost:hover{border-color:var(--ink)}.bb-costline{display:flex;justify-content:space-between;font-family:Space Mono;font-size:13px;padding:6px 0;border-top:1px dashed var(--line)}.bb-lineitem{display:grid;grid-template-columns:1fr 88px 30px;gap:8px;align-items:center;margin-bottom:8px}.bb-lineitem .bb-x:disabled{opacity:.3;cursor:not-allowed}.bb-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;align-items:start}.bb-rec{border:1px solid var(--line);border-radius:11px;background:var(--surface);margin-bottom:0;overflow:hidden}.bb-rec .rhead{display:flex;align-items:flex-start;gap:10px;padding:12px 14px 10px}.bb-rec .ricon{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--paper);color:var(--ink-2)}.bb-rec.out-dir .ricon{background:var(--signal-soft);color:var(--signal)}.bb-rec.in-dir .ricon{background:var(--amber-soft);color:var(--amber)}.bb-rec .rtitle{font-family:Space Grotesk;font-weight:600;font-size:14.5px;line-height:1.2}.bb-rec .rmeta{font-size:11.5px;color:var(--ink-2);margin-top:2px}.bb-rec .rval{font-family:Space Mono;font-weight:700;font-size:14px;text-align:right;white-space:nowrap}.bb-rec .rlines{border-top:1px solid var(--line);padding:4px 14px}.bb-rec .rline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--line)}.bb-rec .rline:last-child{border-bottom:none}.bb-rec .rline .qty{font-family:Space Mono;font-weight:700;font-size:13px;color:var(--ink);min-width:34px}.bb-rec .rline .nm{flex:1}.bb-rec .rline .sub{font-family:Space Mono;font-size:12px;color:var(--ink-2)}.bb-rec .rfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-top:1px solid var(--line);background:var(--paper)}.bb-linkbtn{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk;font-weight:600;font-size:12.5px;color:var(--cargo);text-decoration:none}.bb-linkbtn:hover{text-decoration:underline}.bb-rmv{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--ink-2);font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px;font-family:Inter}.bb-rmv:hover{background:var(--red-soft);color:var(--red)}.bb-bill{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:14px;overflow:hidden}.bb-bill .bhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px 11px;border-bottom:2px solid var(--ink)}.bb-bill .btitle{font-family:Space Grotesk;font-weight:600;font-size:15px}.bb-bill .bsub{font-family:Space Mono;font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.bb-bill .brow{display:grid;grid-template-columns:1fr 96px 46px 100px;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13.5px}.bb-bill .brow.cols{padding:7px 16px;font-family:Space Grotesk;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);font-weight:600;background:var(--paper)}.bb-bill .brow .nm{font-weight:500}.bb-bill .brow .num{font-family:Space Mono;text-align:right;color:var(--ink-2)}.bb-bill .brow .num.strong{color:var(--ink);font-weight:700}.bb-bill .btot{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;padding:12px 16px;background:var(--paper);border-top:1px solid var(--line-strong)}.bb-bill .btot .lbl{font-family:Space Grotesk;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.bb-bill .btot .amt{font-family:Space Mono;font-weight:700;font-size:18px;text-align:right}.bb-x{background:transparent;border:none;color:var(--ink-2);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.bb-x:hover{background:var(--red-soft);color:var(--red)}.bb-note{border:1px solid var(--line);border-radius:11px;margin-bottom:12px;overflow:hidden;background:var(--surface)}.bb-note.alert{border-color:var(--amber)}.bb-note.alert.out{border-color:var(--red)}.bb-note .nhead{display:flex;align-items:center;gap:10px;padding:12px 14px}.bb-note .nbadge{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center}.bb-note.used .nbadge{background:var(--signal-soft);color:var(--signal)}.bb-note.alert .nbadge{background:var(--amber-soft);color:var(--amber)}.bb-note.alert.out .nbadge{background:var(--red-soft);color:var(--red)}.bb-note.shipment .nbadge{background:#e6edf6;color:#2f5079}.bb-note.report .nbadge{background:var(--paper);color:var(--ink-2)}.bb-note.shipment,.bb-note.report{border-color:var(--line)}.bb-note .ntag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2)}.bb-note .nsub{font-family:Space Grotesk;font-weight:600;font-size:14px;line-height:1.25;margin-top:1px}.bb-note .ndate{font-family:Space Mono;font-size:10.5px;color:var(--ink-2);white-space:nowrap}.bb-note .nlines{padding:2px 14px;border-top:1px solid var(--line)}.bb-note .nrow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--line)}.bb-note .nrow:last-child{border-bottom:none}.bb-note .nrow .q{font-family:Space Mono;font-weight:700;min-width:34px}.bb-note .nrow.tot{font-weight:700}.bb-note .nrow .q2{font-family:Space Mono;color:var(--ink-2)}.bb-note .nbig{padding:10px 14px 4px;font-family:Space Mono}.bb-note .nbig .huge{font-size:26px;font-weight:700;line-height:1}.bb-note .nbig .huge .unit{font-family:Inter;font-size:12px;font-weight:600;color:var(--ink-2);margin-left:8px;text-transform:uppercase;letter-spacing:.06em}.bb-note .nbigsub{font-size:12px;color:var(--ink-2);margin-top:5px}.bb-note .nraw{padding:12px 14px;border-top:1px solid var(--line);white-space:pre-wrap;font-family:Space Mono;font-size:12px;line-height:1.55;color:var(--ink-2)}.bb-note.alert .nbig .huge{color:var(--amber)}.bb-note.alert.out .nbig .huge{color:var(--red)}.bb-note .nact{display:flex;gap:8px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap}.bb-note .nto{font-family:Space Mono;font-size:11px;color:var(--ink-2);margin-right:auto}.bb-send{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border:none;font-family:Space Grotesk;font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:8px;cursor:pointer;text-decoration:none}.bb-send:hover{filter:brightness(1.15)}.bb-pill{font-family:Space Mono;font-size:11px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:2px 9px}.bb-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--line-strong);flex:none}.bb-photos-grid{display:flex;gap:8px;flex-wrap:wrap}.bb-photo-cell{position:relative;width:64px;height:64px}.bb-photo-cell img{width:64px;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--line-strong);display:block}.bb-photo-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;border:2px solid var(--surface);display:grid;place-items:center;cursor:pointer;padding:0}.bb-photo-del:hover{background:var(--red)}.bb-photo-add{width:64px;height:64px;border-radius:9px;border:1px dashed var(--line-strong);background:var(--paper);color:var(--ink-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-family:Space Grotesk;font-size:11px;font-weight:600}.bb-photo-add:hover{border-color:var(--ink);color:var(--ink)}.bb-photo-add:disabled{opacity:.5;cursor:not-allowed}.bb-shots{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px}.bb-shot{padding:0;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;cursor:pointer;background:none;width:66px;height:66px;transition:.12s}.bb-shot:hover{border-color:var(--ink);transform:translateY(-1px)}.bb-shot img{width:100%;height:100%;object-fit:cover;display:block}.bb-item-desc{font-size:13px;color:var(--ink-2);line-height:1.55;margin:0 0 13px}.bb-lb{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e14e6;display:flex;align-items:center;justify-content:center;z-index:70;padding:24px}.bb-lb-img{max-width:92vw;max-height:86vh;border-radius:8px;object-fit:contain;box-shadow:0 20px 60px #00000080}.bb-lb-close{position:absolute;top:16px;right:16px;background:#ffffff24;color:#fff;border:none;border-radius:9px;padding:8px;cursor:pointer;display:grid;place-items:center}.bb-lb-close:hover{background:#ffffff42}.bb-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff24;color:#fff;border:none;border-radius:50%;width:46px;height:46px;cursor:pointer;display:grid;place-items:center}.bb-lb-nav:hover{background:#ffffff42}.bb-lb-nav.left{left:16px}.bb-lb-nav.right{right:16px}.bb-lb-count{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:Space Mono;font-size:13px;background:#00000073;padding:5px 12px;border-radius:20px}.bb-empty{text-align:center;color:var(--ink-2);font-size:13px;padding:30px 16px;border:1px dashed var(--line-strong);border-radius:11px}.bb-note-inline{font-size:12px;color:var(--ink-2);background:var(--paper);border:1px dashed var(--line-strong);border-radius:8px;padding:10px 12px;line-height:1.5}.bb-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-family:Space Grotesk;font-size:13.5px;padding:11px 18px;border-radius:10px;display:flex;gap:8px;align-items:center;z-index:50;box-shadow:0 8px 24px #00000038}.bb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#141b268c;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch}.bb-modal{background:var(--surface);border-radius:14px;width:100%;max-width:540px;box-shadow:0 24px 70px #00000059;overflow:hidden;animation:bbpop .16s ease-out}@keyframes bbpop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bb-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:2px solid var(--ink)}.bb-modal-head h2{font-family:Space Grotesk;font-size:17px;font-weight:600;margin:2px 0 0}.bb-modal-body{padding:18px}@media (max-width:640px){.bb-grid2{grid-template-columns:1fr}.bb-ticker{width:100%}.bb-tk{flex:1;min-width:0}.bb-bill .brow{grid-template-columns:1fr 74px 34px 82px;gap:7px;padding-left:13px;padding-right:13px;font-size:12.5px}.bb-bill .brow.cols{padding-left:13px;padding-right:13px}.bb-scrim{padding:0}.bb-modal{max-width:none;min-height:100%;border-radius:0}}.bb-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.bb-login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px}.bb-login-err{background:var(--red-soft);color:#7d1b16;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:12px}.bb-status{font-family:Space Mono;font-size:10.5px;border-radius:20px;padding:2px 9px;border:1px solid var(--line)}.bb-status.sent{background:var(--signal-soft);color:var(--signal);border-color:transparent}.bb-status.failed{background:var(--red-soft);color:var(--red);border-color:transparent}.bb-status.pending{background:var(--paper);color:var(--ink-2)}