:root{--bb-signal-orange: #FF6B1A;--bb-orange-hover: #E85E12;--bb-orange-soft: #FFE5D2;--bb-dark-navy: #0F1C2D;--bb-deep-navy: #1C2B3A;--bb-mid-navy: #243447;--bb-mid-grey: #5A6A7A;--bb-light-grey: #F5F6F8;--bb-soft-grey: #EAEDF2;--bb-line-grey: #DDE3EC;--bb-white: #FFFFFF;--bb-amber: #C17F24;--bb-amber-soft: #FCEFD5;--bb-green: #27864A;--bb-green-soft: #E8F3EC;--bb-blue: #2471A3;--bb-blue-soft: #E6F0F7;--bb-red: #B3311D;--bb-red-soft: #F7E3DF;--bb-ink-primary: var(--bb-deep-navy);--bb-ink-secondary: var(--bb-mid-grey);--bb-ink-accent: var(--bb-signal-orange);--bb-ink-on-dark: var(--bb-white);--bb-ink-on-dark-2: rgba(255, 255, 255, .78);--bb-ink-on-dark-3: rgba(255, 255, 255, .55);--bb-bg-page: var(--bb-light-grey);--bb-bg-surface: var(--bb-white);--bb-bg-band: var(--bb-soft-grey);--bb-bg-dark: var(--bb-dark-navy);--bb-border-default: 1px solid var(--bb-line-grey);--bb-border-accent: 3px solid var(--bb-signal-orange);--bb-border-on-dark: 1px solid rgba(255, 255, 255, .1);--bb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bb-font-display: "Barlow Condensed", Impact, "Arial Narrow", sans-serif;--bb-fs-utility: 11px;--bb-fs-2xs: 12px;--bb-fs-eyebrow: 12px;--bb-fs-xs: 13px;--bb-fs-small: 14px;--bb-fs-body: 15px;--bb-fs-h4: 22px;--bb-fs-h3: 26px;--bb-fs-display-num: 44px;--bb-fs-display-amount: 64px;--bb-lh-display: 1.05;--bb-lh-tight: 1.35;--bb-lh-base: 1.55;--bb-lh-loose: 1.6;--bb-ls-display: -.5px;--bb-ls-eyebrow: 1.2px;--bb-ls-eyebrow-wide: 1.5px;--bb-ls-utility: .5px;--bb-ls-utility-tight: .3px;--bb-radius-md: 8px;--bb-radius-lg: 12px;--bb-radius-2xl: 18px;--bb-radius-pill: 50px;--bb-dur-fast: .15s;--bb-dur-base: .2s;--bb-dur-slow: .3s;--bb-dur-pulse: .8s;--bb-ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--bb-font-body);font-size:var(--bb-fs-body);line-height:var(--bb-lh-base);color:var(--bb-ink-primary);background:var(--bb-bg-dark);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--bb-font-display);font-weight:700;line-height:var(--bb-lh-display);letter-spacing:var(--bb-ls-display)}.bb-eyebrow{font-family:var(--bb-font-body);font-size:var(--bb-fs-eyebrow);font-weight:600;letter-spacing:var(--bb-ls-eyebrow-wide);text-transform:uppercase;color:var(--bb-ink-accent)}.bb-app{height:100%;display:flex;flex-direction:column;background:var(--bb-bg-page);color:var(--bb-ink-primary);overflow:hidden}.bb-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid var(--bb-signal-orange);outline-offset:2px}@keyframes bb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bb-pulse{0%,to{opacity:1}50%{opacity:.45}}.bb-protobar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bb-dark-navy);color:var(--bb-ink-on-dark);border-bottom:var(--bb-border-on-dark)}.bb-brand{font-family:var(--bb-font-display);font-weight:700;font-size:22px;letter-spacing:.5px}.bb-brand span{color:var(--bb-signal-orange)}.bb-protobar .bb-sub{font-size:var(--bb-fs-utility);letter-spacing:var(--bb-ls-utility);text-transform:uppercase;color:var(--bb-ink-on-dark-3)}.bb-protobar .bb-spacer{flex:1}.bb-seg{display:inline-flex;background:#ffffff14;border-radius:var(--bb-radius-pill);padding:3px}.bb-seg button{padding:6px 14px;border-radius:var(--bb-radius-pill);font-size:var(--bb-fs-xs);font-weight:600;color:var(--bb-ink-on-dark-3);transition:background var(--bb-dur-base) var(--bb-ease),color var(--bb-dur-base) var(--bb-ease)}.bb-seg button.on{background:var(--bb-signal-orange);color:#fff}.bb-offline-btn{padding:6px 12px;border-radius:var(--bb-radius-pill);font-size:var(--bb-fs-xs);font-weight:600;color:var(--bb-ink-on-dark-2);border:var(--bb-border-on-dark)}.bb-offline-btn.on{background:var(--bb-amber);color:#fff;border-color:transparent}.bb-banner{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:var(--bb-fs-small);font-weight:500}.bb-banner .dot{width:9px;height:9px;border-radius:50%;flex:none}.bb-banner.syncing .dot{animation:bb-pulse var(--bb-dur-pulse) infinite}.bb-login{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:6vh 8vw;background:var(--bb-bg-dark);color:#fff;overflow-y:auto}.bb-login h1{font-size:clamp(48px,7vw,88px)}.bb-login h1 .accent{color:var(--bb-signal-orange)}.bb-login .lede{margin-top:20px;max-width:30ch;color:var(--bb-ink-on-dark-2);font-size:18px;line-height:var(--bb-lh-base)}.bb-login .demo-note{margin-top:22px;font-size:var(--bb-fs-utility);letter-spacing:var(--bb-ls-utility);text-transform:uppercase;color:var(--bb-ink-on-dark-3)}.bb-login .col-head{font-size:var(--bb-fs-eyebrow);font-weight:600;letter-spacing:var(--bb-ls-eyebrow-wide);text-transform:uppercase;color:var(--bb-ink-on-dark-3);margin-bottom:16px}.bb-staff-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;margin-bottom:14px;text-align:left;background:#ffffff0d;border:var(--bb-border-on-dark);border-radius:var(--bb-radius-lg);transition:background var(--bb-dur-base) var(--bb-ease),transform var(--bb-dur-fast) var(--bb-ease)}.bb-staff-card:active{transform:scale(.99)}.bb-staff-card:hover{background:#ffffff17}.bb-avatar{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-family:var(--bb-font-display);font-size:20px;background:var(--bb-signal-orange);color:#fff}.bb-staff-card .who .name{font-weight:600;font-size:18px}.bb-staff-card .who .role{font-size:var(--bb-fs-2xs);letter-spacing:var(--bb-ls-utility);text-transform:uppercase;color:var(--bb-ink-on-dark-3)}.bb-pinpad{max-width:360px}.bb-pin-dots{display:flex;gap:14px;justify-content:center;margin:24px 0}.bb-pin-dots .d{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.bb-pin-dots .d.on{background:var(--bb-signal-orange);border-color:var(--bb-signal-orange)}.bb-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bb-keys button{aspect-ratio:1.6 / 1;border-radius:var(--bb-radius-lg);font-size:26px;font-weight:600;color:#fff;background:#ffffff0f;border:var(--bb-border-on-dark);transition:background var(--bb-dur-fast) var(--bb-ease)}.bb-keys button:active{background:#ff6b1a59}.bb-link{color:var(--bb-ink-on-dark-2);font-weight:600;margin-top:20px}.bb-topbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--bb-deep-navy);color:#fff}.bb-topbar .garage{font-family:var(--bb-font-display);font-weight:700;font-size:20px}.bb-topbar .spacer{flex:1}.bb-userchip{display:flex;align-items:center;gap:10px}.bb-userchip .bb-avatar{width:38px;height:38px;font-size:15px}.bb-userchip .role{font-size:var(--bb-fs-2xs);text-transform:uppercase;letter-spacing:var(--bb-ls-utility);color:var(--bb-ink-on-dark-3)}.bb-body{flex:1;display:flex;min-height:0}.bb-nav{width:92px;flex:none;background:var(--bb-dark-navy);display:flex;flex-direction:column;align-items:stretch;padding:12px 8px;gap:6px}.bb-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:var(--bb-radius-lg);color:#ffffff8c;transition:background var(--bb-dur-base) var(--bb-ease)}.bb-nav button.on{background:#ff6b1a2e;color:#fff}.bb-nav .glyph{font-size:22px}.bb-nav .lbl{font-size:var(--bb-fs-2xs);font-weight:600}.bb-nav .badge{position:absolute;top:8px;right:20px;min-width:18px;height:18px;padding:0 5px;background:var(--bb-signal-orange);color:#fff;border-radius:9px;font-size:11px;font-weight:700;display:grid;place-items:center}.bb-main{flex:1;overflow-y:auto;padding:24px}.bb-card{background:var(--bb-bg-surface);border:var(--bb-border-default);border-radius:var(--bb-radius-lg)}.bb-eyebrow-lbl{font-size:var(--bb-fs-eyebrow);font-weight:700;letter-spacing:var(--bb-ls-eyebrow-wide);text-transform:uppercase;color:var(--bb-ink-secondary)}.bb-page-h{font-size:34px;margin-bottom:4px}.bb-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--bb-radius-pill);font-size:var(--bb-fs-xs);font-weight:600}.bb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bb-daylist{display:flex;flex-direction:column;gap:10px}.bb-dayrow{display:flex;align-items:center;gap:16px;padding:16px 18px;text-align:left;width:100%}.bb-dayrow .time{font-family:var(--bb-font-display);font-weight:700;font-size:22px;color:var(--bb-ink-primary);width:62px;flex:none}.bb-dayrow .info{flex:1;min-width:0}.bb-dayrow .info .title{font-weight:600}.bb-dayrow .info .who{font-size:var(--bb-fs-small);color:var(--bb-ink-secondary)}.bb-nudge{display:flex;gap:12px;padding:14px 16px;align-items:flex-start}.bb-nudge .dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}.bb-nudge .title{font-weight:600;font-size:var(--bb-fs-small)}.bb-nudge .sub{font-size:var(--bb-fs-xs);color:var(--bb-ink-secondary)}.bb-search{display:flex;gap:10px}.bb-input{flex:1;padding:14px 16px;border-radius:var(--bb-radius-lg);border:var(--bb-border-default);background:#fff;font-size:18px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--bb-ink-primary)}.bb-input::placeholder{color:var(--bb-mid-grey);opacity:1}.bb-btn{padding:14px 20px;border-radius:var(--bb-radius-lg);font-weight:600}.bb-btn.primary{background:var(--bb-signal-orange);color:#fff}.bb-btn.ghost{background:#fff;border:var(--bb-border-default);color:var(--bb-ink-primary)}.bb-plate{display:inline-block;padding:6px 14px;border-radius:var(--bb-radius-md);background:#f9d615;color:#111;font-weight:700;font-size:22px;letter-spacing:1px;font-family:var(--bb-font-display)}.bb-kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:var(--bb-border-default)}.bb-kv:last-child{border-bottom:none}.bb-kv .k{color:var(--bb-ink-secondary);font-size:var(--bb-fs-small)}.bb-kv .v{font-weight:600}.bb-stagebar{display:flex;flex-wrap:wrap;gap:8px}.bb-stage{padding:10px 14px;border-radius:var(--bb-radius-pill);font-size:var(--bb-fs-small);font-weight:600}.bb-locked{display:flex;gap:10px;align-items:center;padding:14px 16px;background:var(--bb-soft-grey);border-radius:var(--bb-radius-lg);color:var(--bb-ink-secondary);font-size:var(--bb-fs-small)}.bb-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);max-width:min(760px,92vw);z-index:50;background:var(--bb-deep-navy);color:#fff;padding:14px 20px;border-radius:var(--bb-radius-lg);font-size:var(--bb-fs-small);line-height:var(--bb-lh-tight);box-shadow:0 12px 40px #0f1c2d66;animation:bb-fade-in var(--bb-dur-slow) var(--bb-ease)}.bb-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f1c2d80;display:grid;place-items:center;padding:24px;animation:bb-fade-in var(--bb-dur-base) var(--bb-ease)}.bb-modal{background:var(--bb-bg-surface);border-radius:var(--bb-radius-2xl);width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:22px;box-shadow:0 24px 70px #0f1c2d66}.bb-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.bb-badge-vip{background:var(--bb-orange-soft);color:var(--bb-orange-hover)}.bb-mock-flag{font-size:var(--bb-fs-utility);letter-spacing:var(--bb-ls-utility);text-transform:uppercase;color:var(--bb-ink-on-dark-3);padding:2px 8px;border:var(--bb-border-on-dark);border-radius:var(--bb-radius-pill)}.bb-inbox{display:grid;grid-template-columns:280px 1fr;gap:18px}@media(max-width:820px){.bb-inbox{grid-template-columns:1fr;height:auto!important}.bb-inbox>.bb-card:first-child{max-height:220px}}@media(max-width:720px){.bb-login{grid-template-columns:1fr;padding:5vh 6vw}.bb-grid-2{grid-template-columns:1fr}}