.shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.shell__sidebar{position:sticky;top:0;align-self:start;height:100vh;background:radial-gradient(26rem 22rem at 0% 0%,var(--bb-on-navy-active),transparent 68%),linear-gradient(180deg,var(--bb-navy-light),var(--bb-navy) 42%,var(--bb-navy-dark));padding:26px 18px 22px;display:flex;flex-direction:column;gap:28px;z-index:1;box-shadow:inset -1px 0 0 var(--bb-on-navy-hover),6px 0 28px color-mix(in srgb,var(--bb-navy) 22%,transparent)}.shell__brand{display:flex;align-items:center;gap:12px;padding:0 6px}.shell__mark{width:40px;height:40px;border-radius:9px;box-shadow:var(--bb-shadow-tight)}.shell__wordmark{display:flex;flex-direction:column;gap:2px;min-width:0}.shell__wordmark-name{font-size:13px;font-weight:800;letter-spacing:.6px;color:var(--bb-offwhite)}.shell__wordmark-role{font-size:var(--bb-size-caption);font-weight:var(--bb-weight-caption);letter-spacing:var(--bb-tracking-caption);text-transform:uppercase;color:var(--bb-offwhite-faint)}.shell__nav{display:flex;flex-direction:column;gap:4px}.shell__link{position:relative;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--bb-radius-chip);color:var(--bb-offwhite-soft);text-decoration:none;font-weight:700;transition:background-color var(--bb-move) var(--bb-ease),color var(--bb-move) var(--bb-ease)}@media(hover:hover)and (pointer:fine){.shell__link:hover{background:var(--bb-on-navy-hover);color:var(--bb-offwhite)}}.shell__link:active{background:var(--bb-on-navy-active)}.shell__link--active,.shell__link--active:hover{background:var(--bb-offwhite);color:var(--bb-navy);overflow:hidden;box-shadow:var(--bb-shadow-tight)}.shell__link--active:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--bb-yellow)}.shell__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.shell__account{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--bb-radius-chip);background:var(--bb-on-navy-hover);min-width:0}.shell__account .bb-avatar{width:30px;height:30px;font-size:12px;background:var(--bb-offwhite);color:var(--bb-navy);box-shadow:none}.shell__account-text{display:flex;flex-direction:column;min-width:0}.shell__account-name{font-size:13px;font-weight:700;color:var(--bb-offwhite)}.shell__account-mail{font-size:11.5px;color:var(--bb-offwhite-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__signout{min-height:44px;padding:0 16px;border:1px solid var(--bb-on-navy-active);border-radius:var(--bb-radius-chip);background:transparent;color:var(--bb-offwhite-soft);font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:background-color var(--bb-move) var(--bb-ease),color var(--bb-move) var(--bb-ease),transform var(--bb-press) var(--bb-ease)}@media(hover:hover)and (pointer:fine){.shell__signout:hover{background:var(--bb-on-navy-hover);color:var(--bb-offwhite)}}.shell__signout:active{transform:scale(.97)}.shell__content{padding:40px;overflow-x:auto}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell__sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:20px;padding:14px 20px;box-shadow:inset 0 -1px 0 var(--bb-on-navy-hover),0 6px 28px color-mix(in srgb,var(--bb-navy) 22%,transparent)}.shell__nav{flex-direction:row}.shell__foot{margin-top:0;margin-left:auto;flex-direction:row;align-items:center}.shell__account{display:none}.shell__content{padding:24px 20px 40px}}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:min(100%,420px);padding:34px 34px 30px;box-shadow:var(--bb-glass-shadow-strong),var(--bb-glass-highlight)}.login__logo{display:block;width:64px;height:64px;margin:-6px 0 18px -8px}.login__caption{margin:0 0 6px}.login__intro{margin:10px 0 0;color:var(--bb-ink-soft);text-wrap:pretty}.login__label{display:block;margin:22px 0 8px;font-weight:700;color:var(--bb-navy)}.login__code{font-size:20px;font-weight:800;letter-spacing:6px;font-variant-numeric:tabular-nums}.login__sent{margin:14px 0 0;padding:12px 16px;border-radius:var(--bb-radius-chip);background:var(--bb-surface-solid);color:var(--bb-ink-soft);font-size:13.5px}.login__sent strong{color:var(--bb-navy);overflow-wrap:anywhere}.login__error{margin:16px 0 0}.login__button{width:100%;margin-top:20px}.login__foot{margin:18px 0 0;text-align:center}.suggesties__intro{max-width:68ch;margin:-8px 0 20px;color:var(--bb-ink-soft)}.suggesties__notice{margin:0 6px 12px}.suggesties__table{width:100%;border-collapse:separate;border-spacing:0 6px}.suggesties__table th{text-align:left;padding:0 16px 8px;font-size:var(--bb-size-caption);font-weight:var(--bb-weight-caption);letter-spacing:var(--bb-tracking-caption);text-transform:uppercase;color:var(--bb-caption-ink)}.suggesties__col-order{width:62px}.suggesties__col-amount{width:130px}.suggesties__col-actions{width:220px}.suggesties__row td{background:var(--bb-surface-solid);padding:8px 16px}.suggesties__row td:first-child{border-radius:var(--bb-radius-chip) 0 0 var(--bb-radius-chip)}.suggesties__row td:last-child{border-radius:0 var(--bb-radius-chip) var(--bb-radius-chip) 0}.suggesties__name{font-weight:700;color:var(--bb-navy)}.suggesties__amount{font-variant-numeric:tabular-nums;color:var(--bb-ink-soft);white-space:nowrap}.suggesties__actions{display:flex;justify-content:flex-end;gap:8px}.suggesties__nudges{display:flex;gap:4px}.suggesties__nudge{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--bb-border);border-radius:var(--bb-radius-chip);background:var(--bb-surface-solid);color:var(--bb-navy);cursor:pointer;transition:border-color var(--bb-move) var(--bb-ease),color var(--bb-move) var(--bb-ease)}.suggesties__nudge--down svg{transform:rotate(180deg)}.suggesties__nudge:disabled{color:color-mix(in srgb,var(--bb-navy) 22%,transparent);border-color:var(--bb-hairline);cursor:default}@media(hover:hover)and (pointer:fine){.suggesties__nudge:hover:not(:disabled){border-color:var(--bb-navy)}}.suggesties__editing{padding:12px 16px}.suggesties__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 6px 16px}.suggesties__fields{display:flex;flex-wrap:wrap;gap:12px;flex:1;min-width:0}.suggesties__field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.suggesties__field--amount{flex:0 0 140px;min-width:140px}.suggesties__form-actions{display:flex;gap:8px}.suggesties__archive{margin-top:20px}.suggesties__archive-head{padding:6px 6px 14px}.suggesties__archive-head p{margin:6px 0 0;max-width:62ch}.suggesties__row--archived .suggesties__name{color:var(--bb-ink-soft);font-weight:400}@media(max-width:900px){.suggesties__col-actions{width:190px}.suggesties__actions .bb-button--small{padding:0 10px}}.system__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:940px}.system__card{display:grid;grid-template-rows:auto auto 1fr;gap:10px;min-height:128px;padding:18px 20px 20px}.system__value{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--bb-navy);font-variant-numeric:tabular-nums;margin:0}.system__note{color:var(--bb-ink-soft);margin:0;font-size:12.5px}.system__value--bad{color:var(--bb-negative)}.system__dot{flex:none;width:10px;height:10px;border-radius:var(--bb-radius-pill);background:var(--bb-status-paid);box-shadow:0 0 0 4px color-mix(in srgb,var(--bb-status-paid) 18%,transparent)}.system__dot--bad{background:var(--bb-negative);box-shadow:0 0 0 4px color-mix(in srgb,var(--bb-negative) 18%,transparent)}.system__env{justify-self:start;margin:0;padding:6px 14px;border-radius:var(--bb-radius-pill);background:var(--bb-border);color:var(--bb-navy);font-size:14px;font-weight:800}.system__env--other{background:color-mix(in srgb,var(--bb-status-open) 12%,transparent);color:var(--bb-status-open)}.teams__search{position:relative;width:min(320px,100%)}.teams__search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--bb-caption-ink)}.teams__search .bb-field{padding-left:42px}.teams__table{width:100%;border-collapse:separate;border-spacing:0 6px}.teams__table th{text-align:left;padding:0 16px 8px;font-size:var(--bb-size-caption);font-weight:var(--bb-weight-caption);letter-spacing:var(--bb-tracking-caption);text-transform:uppercase;color:var(--bb-caption-ink)}.teams__table th.teams__col-money,.teams__table th.teams__col-count{text-align:right}.teams__col-name{width:28%}.teams__col-money{width:118px}.teams__col-count{width:90px}.teams__col-role{width:150px}.teams__col-date{width:160px}.teams__col-go{width:44px}.teams__row{position:relative;transition:box-shadow var(--bb-move) var(--bb-ease)}.teams__row td{background:var(--bb-surface-solid);padding:10px 16px;vertical-align:middle;transition:background-color var(--bb-move) var(--bb-ease)}.teams__row td:first-child{border-radius:var(--bb-radius-chip) 0 0 var(--bb-radius-chip)}.teams__row td:last-child{border-radius:0 var(--bb-radius-chip) var(--bb-radius-chip) 0}@media(hover:hover)and (pointer:fine){.teams__row:hover td{background:var(--bb-mist-1)}.teams__row:hover{box-shadow:var(--bb-shadow-row)}.teams__row:hover .teams__go{color:var(--bb-navy);transform:translate(2px)}}.teams__name{display:flex;align-items:center;gap:12px;min-width:0}.teams__person{display:flex;flex-direction:column;min-width:0}.teams__person-name{color:var(--bb-navy);font-weight:700}.teams__person-mail{font-size:13px;color:var(--bb-ink-soft)}.teams__link{color:var(--bb-navy);font-weight:700;text-decoration:none}.teams__link:after{content:"";position:absolute;inset:0}.teams__link:hover{text-decoration:underline}.teams__unnamed{color:var(--bb-ink-soft);font-weight:400;font-style:italic}.teams__number,.teams__date{font-variant-numeric:tabular-nums;white-space:nowrap}.teams__number{text-align:right}.teams__date{color:var(--bb-ink-soft)}.teams__open{font-weight:700;color:var(--bb-navy)}.teams__struck{color:var(--bb-ink-soft);text-decoration:line-through}.teams__reason{display:block;font-size:13px;color:var(--bb-ink-soft)}.teams__archived{font-size:11px}.teams__go{display:block;color:color-mix(in srgb,var(--bb-navy) 28%,transparent);transition:color var(--bb-move) var(--bb-ease),transform var(--bb-move) var(--bb-ease)}.teams__pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 6px 6px}.teams__pager-count{font-variant-numeric:tabular-nums}.teams__pager-buttons{display:flex;gap:8px}.teams__detail-header{align-items:flex-end}.teams__identity{display:flex;align-items:flex-end;gap:16px;min-width:0}.teams__identity .teams__archived{margin-bottom:5px}.teams__head-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.teams__back{display:inline-flex;align-items:center;gap:6px;color:var(--bb-navy);font-weight:700;text-decoration:none;transition:transform var(--bb-move) var(--bb-ease)}@media(hover:hover)and (pointer:fine){.teams__back:hover{transform:translate(-2px)}}.teams__tabs{display:flex;gap:6px}.teams__tab{padding:9px 16px;border-radius:var(--bb-radius-pill);color:var(--bb-navy);font-weight:700;text-decoration:none;border:1px solid transparent;transition:background-color var(--bb-move) var(--bb-ease),border-color var(--bb-move) var(--bb-ease)}.teams__tab--active{background:var(--bb-surface-solid);border-color:var(--bb-border);box-shadow:inset 5px 0 0 var(--bb-yellow)}@media(hover:hover)and (pointer:fine){.teams__tab:hover:not(.teams__tab--active){background:color-mix(in srgb,var(--bb-navy) 6%,transparent)}}.teams__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;padding:20px 22px;margin-bottom:26px}.teams__stat{display:flex;flex-direction:column;gap:5px;padding:6px 0}.teams__stat-value{font-size:var(--bb-size-title);font-weight:var(--bb-weight-title);color:var(--bb-navy);font-variant-numeric:tabular-nums}.teams__block{margin-bottom:26px}.teams__block-title{margin:0 0 12px 6px}.teams__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}.teams__note{margin:12px 6px 2px;font-size:13px}.teams__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.teams__list-item{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:10px 16px;border-radius:var(--bb-radius-chip);background:var(--bb-surface-solid)}.teams__filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.teams__filter{display:flex;flex-direction:column;gap:6px;width:min(260px,100%)}@media(max-width:900px){.teams__col-date,.teams__date{display:none}.teams__col-name{width:auto}.teams__detail-header,.teams__head-right{align-items:flex-start}}.users__search{position:relative;width:min(320px,100%)}.users__search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--bb-caption-ink)}.users__search .bb-field{padding-left:42px}.users__table{width:100%;border-collapse:separate;border-spacing:0 6px}.users__table th{text-align:left;padding:0 16px 8px;font-size:var(--bb-size-caption);font-weight:var(--bb-weight-caption);letter-spacing:var(--bb-tracking-caption);text-transform:uppercase;color:var(--bb-caption-ink)}.users__col-name{width:34%}.users__col-date,.users__col-role{width:150px}.users__col-go{width:44px}.users__row{position:relative;transition:box-shadow var(--bb-move) var(--bb-ease)}.users__row td{background:var(--bb-surface-solid);padding:10px 16px;transition:background-color var(--bb-move) var(--bb-ease)}.users__row td:first-child{border-radius:var(--bb-radius-chip) 0 0 var(--bb-radius-chip)}.users__row td:last-child{border-radius:0 var(--bb-radius-chip) var(--bb-radius-chip) 0}@media(hover:hover)and (pointer:fine){.users__row:hover td{background:var(--bb-mist-1)}.users__row:hover{box-shadow:var(--bb-shadow-row)}.users__row:hover .users__go{color:var(--bb-navy);transform:translate(2px)}}.users__name{display:flex;align-items:center;gap:12px;min-width:0}.users__link{color:var(--bb-navy);font-weight:700;text-decoration:none}.users__link:after{content:"";position:absolute;inset:0}.users__link:hover{text-decoration:underline}.users__unnamed{color:var(--bb-ink-soft);font-weight:400;font-style:italic}.users__mail,.users__date{color:var(--bb-ink-soft)}.users__date{font-variant-numeric:tabular-nums;white-space:nowrap}.users__go{display:block;color:color-mix(in srgb,var(--bb-navy) 28%,transparent);transition:color var(--bb-move) var(--bb-ease),transform var(--bb-move) var(--bb-ease)}.users__badge{display:inline-block;padding:5px 12px;border-radius:var(--bb-radius-pill);background:var(--bb-border);color:var(--bb-navy);font-size:12px;font-weight:800}.users__plain{color:color-mix(in srgb,var(--bb-navy) 30%,transparent)}.users__pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 6px 6px}.users__pager-count{font-variant-numeric:tabular-nums}.users__pager-buttons{display:flex;gap:8px}.users__detail-header{align-items:center}.users__identity{display:flex;align-items:center;gap:16px;min-width:0}.users__identity .users__badge{align-self:flex-end;margin-bottom:5px}.users__facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 28px;padding:20px 22px}.users__id{font-family:ui-monospace,SF Mono,monospace;font-size:12.5px;font-weight:400;color:var(--bb-ink-soft);overflow-wrap:anywhere}.users__fact{display:flex;flex-direction:column;gap:5px;padding:10px 0}.users__fact-value{margin:0;font-weight:700;color:var(--bb-navy)}.users__rights{padding:20px 22px 22px;border-top:1px solid var(--bb-hairline)}.users__rights-note{margin:8px 0 16px;max-width:62ch;color:var(--bb-ink-soft)}.users__confirm{max-width:620px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--bb-status-open) 35%,transparent);border-radius:var(--bb-radius-chip);background:color-mix(in srgb,var(--bb-status-open) 7%,var(--bb-paper))}.users__confirm p{margin:0;max-width:62ch}.users__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.users__back{display:inline-flex;align-items:center;gap:6px;color:var(--bb-navy);font-weight:700;text-decoration:none;transition:transform var(--bb-move) var(--bb-ease)}@media(hover:hover)and (pointer:fine){.users__back:hover{transform:translate(-2px)}}@media(max-width:900px){.users__col-mail,.users__mail{display:none}.users__col-name{width:auto}}:root{--bb-navy: #1b3a5c;--bb-navy-light: #24486e;--bb-navy-dark: #122a45;--bb-navy-gradient: linear-gradient(165deg, var(--bb-navy-light), var(--bb-navy));--bb-yellow: #ffc53d;--bb-offwhite: #f7f4ec;--bb-paper: #fbfaf7;--bb-ink: #3a3530;--bb-ink-soft: #5a534c;--bb-border: rgba(27, 58, 92, .12);--bb-negative: #c2352b;--bb-accent: var(--bb-navy);--bb-member-1: #d6455d;--bb-member-2: #b04a8f;--bb-member-3: #c97016;--bb-member-4: #3e8e5a;--bb-member-5: #3f7fbf;--bb-member-6: #7a5fb8;--bb-member-7: #2a9d8f;--bb-member-8: #8c6a4f;--bb-caption-ink: rgba(27, 58, 92, .55);--bb-offwhite-soft: rgba(247, 244, 236, .72);--bb-offwhite-faint: rgba(247, 244, 236, .45);--bb-hairline: rgba(27, 58, 92, .08);--bb-on-navy-hover: rgba(255, 255, 255, .09);--bb-on-navy-active: rgba(255, 255, 255, .14);--bb-avatar-1: #1b3a5c;--bb-avatar-2: #3f7ca8;--bb-avatar-3: #0f6b85;--bb-avatar-4: #45409a;--bb-avatar-5: #7a3a70;--bb-avatar-6: #a62b4f;--bb-avatar-7: #8a5230;--bb-status-open: #c2540a;--bb-status-paid: #2a6e39;--bb-status-paid-other: #0b6e54;--bb-status-void: #8a8178;--bb-avatar-navy: #1b3a5c;--bb-avatar-steel: #3f7ca8;--bb-avatar-cyan: #0f6b85;--bb-avatar-indigo: #45409a;--bb-avatar-plum: #7a3a70;--bb-avatar-berry: #a62b4f;--bb-avatar-clay: #8a5230;--bb-mist-1: #f5f7fa;--bb-mist-2: #eaeef4;--bb-mist-3: #dee5ee;--bb-mist-4: #d3dce8;--bb-mist: linear-gradient( 120deg, var(--bb-mist-1), var(--bb-mist-2) 38%, var(--bb-mist-3) 72%, var(--bb-mist-4) );--bb-mist-blob-1: rgba(255, 255, 255, .7);--bb-mist-blob-2: rgba(120, 160, 220, .18);--bb-mist-blob-3: rgba(185, 200, 225, .28);--bb-glass-blur: 24px;--bb-glass-blur-strong: 42px;--bb-glass-saturate: 170%;--bb-glass-saturate-strong: 200%;--bb-glass-fill: rgba(255, 255, 255, .55);--bb-glass-fill-strong: rgba(255, 255, 255, .3);--bb-glass-border: rgba(255, 255, 255, .7);--bb-glass-border-strong: rgba(255, 255, 255, .9);--bb-glass-highlight: inset 0 1px 1px rgba(255, 255, 255, .85);--bb-glass-shadow: 0 10px 30px rgba(27, 58, 92, .14);--bb-glass-shadow-strong: 0 18px 44px rgba(27, 58, 92, .18);--bb-surface-solid: rgba(255, 255, 255, .92);--bb-radius-chip: 20px;--bb-radius-card: 26px;--bb-radius-sheet: 36px;--bb-radius-pill: 999px;--bb-tile-gradient: linear-gradient(160deg, #fdfcf9, #f7f4ec 60%, #ede8dc);--bb-logo-tilt: 8deg;--bb-font: -apple-system, "SF Pro", system-ui, sans-serif;--bb-size-display: 30px;--bb-weight-display: 800;--bb-tracking-display: -.8px;--bb-size-title: 20px;--bb-weight-title: 800;--bb-size-body: 15px;--bb-weight-body: 400;--bb-size-caption: 11px;--bb-weight-caption: 800;--bb-tracking-caption: 1.5px}[data-theme=dark]{--bb-ink: #f3f0e8;--bb-ink-soft: rgba(243, 240, 232, .72);--bb-caption-ink: rgba(243, 240, 232, .55);--bb-border: rgba(255, 255, 255, .14);--bb-hairline: rgba(255, 255, 255, .09);--bb-paper: #1b2a3c;--bb-surface-solid: rgba(27, 42, 60, .92);--bb-mist-1: #15191f;--bb-mist-2: #12161b;--bb-mist-3: #0f1216;--bb-mist-4: #0c0f13;--bb-mist-blob-1: rgba(122, 162, 222, .12);--bb-mist-blob-2: rgba(90, 130, 190, .14);--bb-mist-blob-3: rgba(140, 160, 200, .1);--bb-glass-fill: rgba(255, 255, 255, .08);--bb-glass-fill-strong: rgba(255, 255, 255, .05);--bb-glass-border: rgba(255, 255, 255, .18);--bb-glass-border-strong: rgba(255, 255, 255, .26);--bb-glass-highlight: inset 0 1px 1px rgba(255, 255, 255, .14);--bb-glass-shadow: none;--bb-glass-shadow-strong: none;--bb-status-open: #eda256;--bb-status-paid: #6bcb7f;--bb-status-paid-other: #4fc9a5;--bb-status-void: #a89e93;--bb-negative: #ff6b5e;--bb-accent: #7fa9dc}:root{--bb-ease: cubic-bezier(.23, 1, .32, 1);--bb-press: .12s;--bb-move: .18s;--bb-shadow-raised: 0 6px 16px color-mix(in srgb, var(--bb-navy) 24%, transparent);--bb-shadow-pressed: 0 3px 10px color-mix(in srgb, var(--bb-navy) 20%, transparent);--bb-shadow-tight: 0 2px 6px color-mix(in srgb, var(--bb-navy) 20%, transparent);--bb-shadow-row: 0 4px 14px color-mix(in srgb, var(--bb-navy) 12%, transparent);--bb-ring: 0 0 0 3px color-mix(in srgb, var(--bb-navy) 14%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--bb-font);font-size:var(--bb-size-body);font-weight:var(--bb-weight-body);color:var(--bb-ink);background:var(--bb-mist-1);-webkit-font-smoothing:antialiased}.bb-mist{position:relative;isolation:isolate;background:var(--bb-mist)}.bb-mist:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42rem 42rem at 12% -6%,var(--bb-mist-blob-1),transparent 70%),radial-gradient(46rem 46rem at 96% 26%,var(--bb-mist-blob-2),transparent 70%),radial-gradient(40rem 40rem at 4% 92%,var(--bb-mist-blob-3),transparent 70%)}.bb-glass{background:var(--bb-glass-fill);backdrop-filter:blur(var(--bb-glass-blur)) saturate(var(--bb-glass-saturate));-webkit-backdrop-filter:blur(var(--bb-glass-blur)) saturate(var(--bb-glass-saturate));border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius-card);box-shadow:var(--bb-glass-shadow),var(--bb-glass-highlight)}.bb-caption{font-size:var(--bb-size-caption);font-weight:var(--bb-weight-caption);letter-spacing:var(--bb-tracking-caption);text-transform:uppercase;color:var(--bb-caption-ink)}.bb-display{font-size:var(--bb-size-display);font-weight:var(--bb-weight-display);letter-spacing:var(--bb-tracking-display);color:var(--bb-navy);margin:0}.bb-title{font-size:var(--bb-size-title);font-weight:var(--bb-weight-title);color:var(--bb-navy);margin:0}.bb-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:var(--bb-radius-pill);background:var(--bb-navy);color:var(--bb-offwhite);cursor:pointer;box-shadow:var(--bb-shadow-raised);transition:transform var(--bb-press) var(--bb-ease),box-shadow var(--bb-move) var(--bb-ease),background-color var(--bb-move) var(--bb-ease)}.bb-button:active:not(:disabled){transform:scale(.97);box-shadow:var(--bb-shadow-pressed)}.bb-button:disabled{opacity:.45;cursor:default;box-shadow:none}.bb-button--quiet{background:var(--bb-surface-solid);color:var(--bb-navy);border-color:var(--bb-border);box-shadow:none}.bb-button--small{min-height:38px;padding:0 16px;font-size:13.5px}@media(hover:hover)and (pointer:fine){.bb-button:hover:not(:disabled){background:var(--bb-navy-light)}.bb-button--quiet:hover:not(:disabled){border-color:var(--bb-caption-ink);box-shadow:var(--bb-shadow-tight)}}.bb-button:focus-visible,.bb-field:focus-visible,.bb-link:focus-visible,a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--bb-navy);outline-offset:2px}.bb-field{font:inherit;width:100%;min-height:44px;padding:0 16px;border:1px solid var(--bb-border);border-radius:var(--bb-radius-pill);background:var(--bb-surface-solid);color:var(--bb-ink);transition:border-color var(--bb-move) var(--bb-ease),box-shadow var(--bb-move) var(--bb-ease)}.bb-field::placeholder{color:var(--bb-caption-ink)}.bb-field:focus{outline:none;border-color:var(--bb-navy);box-shadow:var(--bb-ring)}.bb-field:disabled{color:var(--bb-ink-soft);background:transparent}.bb-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--bb-radius-pill);background:var(--bb-navy-gradient);color:var(--bb-offwhite);font-size:13px;font-weight:800;text-transform:uppercase;box-shadow:var(--bb-shadow-tight)}.bb-avatar--large{width:56px;height:56px;font-size:21px}.bb-badge{display:inline-block;padding:5px 12px;border-radius:var(--bb-radius-pill);background:var(--bb-border);color:var(--bb-navy);font-size:12px;font-weight:800;white-space:nowrap}.bb-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bb-error{color:var(--bb-negative);font-weight:700}.bb-muted{color:var(--bb-ink-soft)}.page{width:100%;max-width:1180px;margin:0 auto}.page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.page__heading{display:flex;flex-direction:column;gap:4px}.page__subtitle{margin:0;color:var(--bb-ink-soft);font-size:14px}.page__card{padding:16px}.page__empty{display:grid;justify-items:center;gap:6px;padding:56px 24px;text-align:center}@media(prefers-reduced-motion:no-preference){.page{animation:page-in .2s var(--bb-ease) both}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}