:root{--app-bg:#f8fafc;--surface:#ffffff;--border:#e2e8f0;--border-subtle:#f1f5f9;--border-hover:#cbd5e1;--row-hover:rgba(8,145,178,0.02);--success:#10b981;--success-ring:rgba(16,185,129,0.2);--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--accent:#0891b2;--accent-bright:#06b6d4;--accent-light:#22d3ee;--accent-soft:rgba(8,145,178,0.08);--accent-medium:rgba(8,145,178,0.12);--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 2px 8px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--radius-card:12px;--bb-teal-50:#ecfeff;--bb-teal-100:#cffafe;--bb-teal-200:#a5f3fc;--bb-teal-300:#67e8f9;--bb-teal-400:#22d3ee;--bb-teal-500:#06b6d4;--bb-teal-600:#0891b2;--bb-teal-700:#0e7490;--bb-teal-800:#155e75;--bb-teal-900:#164e63;--bb-gradient-hero:linear-gradient(135deg,#0c4a6e,#0891b2 50%,#06b6d4);--bb-gradient-header:linear-gradient(135deg,#0891b2,#06b6d4);--bb-gradient-card:linear-gradient(180deg,#ffffff,#f8fafc);--bb-gradient-warm:linear-gradient(135deg,#fef3c7,#fde68a);--bb-shadow-xs:0 1px 2px rgba(0,0,0,0.04);--bb-shadow-sm:0 2px 4px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--bb-shadow-md:0 4px 8px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);--bb-shadow-lg:0 8px 24px rgba(0,0,0,0.12),0 4px 8px rgba(0,0,0,0.06);--bb-shadow-xl:0 16px 48px rgba(0,0,0,0.16),0 8px 16px rgba(0,0,0,0.08);--bb-shadow-glow:0 0 20px rgba(8,145,178,0.15);--bb-shadow-card-hover:0 12px 32px rgba(0,0,0,0.12),0 4px 8px rgba(0,0,0,0.08);--bb-glass-bg:rgba(255,255,255,0.85);--bb-glass-border:rgba(255,255,255,0.2);--bb-glass-blur:12px;--bb-ease-smooth:cubic-bezier(0.4,0,0.2,1);--bb-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--bb-ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--bb-duration-fast:150ms;--bb-duration-normal:250ms;--bb-duration-slow:400ms}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}body{width:100%;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}@media (display-mode:standalone){body,html{min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;touch-action:pan-x pan-y}body{position:relative}.scroll-container,body{-webkit-overflow-scrolling:touch}.scroll-container{overscroll-behavior-y:contain}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pwa-loading{animation:fadeIn .5s ease-in}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}*{-webkit-tap-highlight-color:rgba(8,145,178,.3)}.mobile-scroll-container{min-height:100vh;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,20px)}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available;-webkit-overflow-scrolling:touch}.scroll-snap-disabled-ios{scroll-snap-type:none!important}}.behavior-form-container{padding-bottom:calc(80px + env(safe-area-inset-bottom, 20px));overflow-y:visible;overscroll-behavior-y:contain}.ai-markdown-response{font-size:.875rem}.ai-markdown-response h1{font-size:1.5rem}.ai-markdown-response h1,.ai-markdown-response h2{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.ai-markdown-response h2{font-size:1.25rem}.ai-markdown-response h3{font-size:1.1rem;margin-top:.75rem;margin-bottom:.5rem;font-weight:600}.ai-markdown-response p{margin-bottom:.75rem}.ai-markdown-response ol,.ai-markdown-response ul{margin-left:1.5rem;margin-bottom:.75rem}.ai-markdown-response .font-semibold,.ai-markdown-response strong{font-weight:700}.ai-markdown-response code{background-color:var(--mantine-color-gray-1);padding:.125rem .25rem;border-radius:.25rem;font-size:.85em}.ai-markdown-response pre{background-color:var(--mantine-color-gray-1);padding:1rem;border-radius:.5rem;overflow:auto;margin-bottom:1rem}.ai-markdown-response blockquote{border-left:4px solid var(--mantine-color-blue-6);padding-left:1rem;margin-left:0;font-style:italic;color:var(--mantine-color-gray-7)}.ProseMirror,.ProseMirror:focus{outline:none!important}.ProseMirror p{margin:0!important}.ProseMirror p:empty{display:none}.ProseMirror ol,.ProseMirror ul{margin:0;padding-left:1.5rem}.ProseMirror li{margin:0}.rich-text-display p,.rich-text-display p:empty{margin:0!important;padding:0!important}.rich-text-display p:empty{display:none!important;height:0!important}.rich-text-display br{display:block;content:"";margin:0}.rich-text-display ol,.rich-text-display ul{margin:0;padding-left:1.5em}.rich-text-display li{margin:0}.bb-emoji-picker [frimousse-root]{display:flex;flex-direction:column;width:100%;height:260px;background:#ffffff;isolation:isolate;border-radius:14px;overflow:hidden}.bb-emoji-picker [frimousse-search]{position:relative;z-index:10;appearance:none;margin:10px 10px 0;padding:10px 12px 10px 36px;background:#f1f5f9;border:1px solid transparent;border-radius:10px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s ease,background .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px;background-size:15px}.bb-emoji-picker [frimousse-search]:focus{border-color:#0891b2;background-color:#ffffff}.bb-emoji-picker [frimousse-search]::placeholder{color:#94a3b8}.bb-emoji-picker [frimousse-viewport]{position:relative;flex:1;outline:none}.bb-emoji-picker [frimousse-empty],.bb-emoji-picker [frimousse-loading]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}.bb-emoji-picker [frimousse-list]{padding-bottom:8px;user-select:none}.bb-emoji-picker [frimousse-category-header]{padding:10px 14px 4px;background:#ffffff;color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0;z-index:1}.bb-emoji-picker [frimousse-row]{padding:0 6px;scroll-margin-block:6px;display:flex;justify-content:flex-start}.bb-emoji-picker [frimousse-emoji]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;background:transparent;font-size:22px;cursor:pointer;transition:background .12s ease,transform .12s ease;padding:0;line-height:1}.bb-emoji-picker [frimousse-emoji]:hover,.bb-emoji-picker [frimousse-emoji][data-active]{background:rgba(8,145,178,.08);transform:scale(1.12)}@keyframes bb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bb-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bb-pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes bb-glow{0%,to{box-shadow:0 0 8px rgba(8,145,178,.3)}50%{box-shadow:0 0 20px rgba(8,145,178,.5)}}@keyframes bb-bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes inbox-detail-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bb-animate-fade-in{animation:bb-fade-in var(--bb-duration-normal) var(--bb-ease-smooth) forwards}.bb-animate-fade-in-up{animation:bb-fade-in-up var(--bb-duration-slow) var(--bb-ease-smooth) forwards}.bb-animate-scale-in{animation:bb-scale-in var(--bb-duration-normal) var(--bb-ease-spring) forwards}.bb-animate-slide-up{animation:bb-slide-up var(--bb-duration-slow) var(--bb-ease-spring) forwards}.bb-stagger-1{animation-delay:50ms}.bb-stagger-2{animation-delay:.1s}.bb-stagger-3{animation-delay:.15s}.bb-stagger-4{animation-delay:.2s}.bb-stagger-5{animation-delay:.25s}.bb-glass{background:var(--bb-glass-bg);backdrop-filter:blur(var(--bb-glass-blur));-webkit-backdrop-filter:blur(var(--bb-glass-blur));border:1px solid var(--bb-glass-border)}.bb-card{background:var(--bb-gradient-card);border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--bb-shadow-sm);transition:all var(--bb-duration-normal) var(--bb-ease-smooth)}.bb-card:hover{box-shadow:var(--bb-shadow-card-hover);transform:translateY(-2px)}.bb-card:active{transform:translateY(0);box-shadow:var(--bb-shadow-sm)}.bb-card-static{background:var(--bb-gradient-card);border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--bb-shadow-sm)}.bb-interactive{transition:all var(--bb-duration-fast) var(--bb-ease-smooth);cursor:pointer}.bb-interactive:hover{transform:translateY(-1px)}.bb-interactive:active{transform:scale(.98)}.bb-btn-glow:hover{box-shadow:var(--bb-shadow-glow)}.bb-shimmer{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;animation:bb-shimmer 1.5s infinite}.bb-page-enter{opacity:0;transform:translateY(8px)}.bb-page-enter-active{opacity:1;transform:translateY(0);transition:all var(--bb-duration-slow) var(--bb-ease-smooth)}.bb-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(8,145,178,.25)}.bb-bottom-nav{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px rgba(0,0,0,.08)}.bb-header-gradient{background:var(--bb-gradient-header);position:relative;overflow:hidden}.bb-header-gradient:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.bb-metric-card{background:white;border-radius:20px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--bb-shadow-sm);transition:all var(--bb-duration-normal) var(--bb-ease-smooth);overflow:hidden}.bb-metric-card:hover{box-shadow:var(--bb-shadow-md)}.bb-avatar-ring{position:relative}.bb-avatar-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--bb-teal-400),var(--bb-teal-600));opacity:0;transition:opacity var(--bb-duration-normal) var(--bb-ease-smooth)}.bb-avatar-ring:hover:before{opacity:1}.bb-check-appear{animation:bb-scale-in var(--bb-duration-fast) var(--bb-ease-spring) forwards}.bb-empty-state{text-align:center;padding:48px 24px}.bb-empty-state-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,var(--bb-teal-50),var(--bb-teal-100));display:flex;align-items:center;justify-content:center;color:var(--bb-teal-600)}.bb-color-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);flex-shrink:0}.bb-tab-indicator{position:absolute;bottom:0;height:3px;background:linear-gradient(90deg,var(--bb-teal-500),var(--bb-teal-400));border-radius:3px 3px 0 0;transition:all var(--bb-duration-normal) var(--bb-ease-smooth)}.quick-start-row:hover .quick-start-skip-button{opacity:1}body.qs-tour-active .mantine-Combobox-dropdown,body.qs-tour-active .mantine-Menu-dropdown,body.qs-tour-active .mantine-Popover-dropdown,body.qs-tour-active .mantine-Select-dropdown,body.qs-tour-active [data-mantine-popover=true]{z-index:10001!important}body.qs-tour-active [data-tour^=inbox-fab-item-]{transition:none!important}.bb-intro-card{cursor:pointer;overflow:hidden;position:relative;border:1px solid rgba(8,145,178,.12);box-shadow:0 24px 48px -12px rgba(6,27,46,.18);transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.bb-intro-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -12px rgba(6,27,46,.28);border-color:rgba(8,145,178,.32)}.bb-intro-card:focus-visible{outline:3px solid #0891b2;outline-offset:4px;transform:translateY(-2px);box-shadow:0 30px 60px -12px rgba(6,27,46,.28);border-color:rgba(8,145,178,.32)}.bb-intro-card .bb-intro-play{transition:transform .22s ease}.bb-intro-card:focus-visible .bb-intro-play,.bb-intro-card:hover .bb-intro-play{transform:translate(-50%,-50%) scale(1.06)}@media (prefers-reduced-motion:reduce){.bb-intro-card,.bb-intro-card .bb-intro-play{transition:none}.bb-intro-card:focus-visible,.bb-intro-card:hover{transform:none}.bb-intro-card:focus-visible .bb-intro-play,.bb-intro-card:hover .bb-intro-play{transform:translate(-50%,-50%)}}@keyframes appFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.app-animate{animation:appFadeUp .4s cubic-bezier(.22,1,.36,1) both}.app-stagger-1{animation-delay:.02s}.app-stagger-2{animation-delay:.06s}.app-stagger-3{animation-delay:.1s}.app-stagger-4{animation-delay:.14s}.app-stagger-5{animation-delay:.18s}.app-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.app-metric{position:relative;overflow:hidden}.app-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0,var(--accent-bright) 100%);opacity:0;transition:opacity .2s ease}.app-metric:hover:before{opacity:1}.app-table thead tr th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)!important;border-bottom:1px solid var(--border)!important;padding:10px 16px!important;background:var(--app-bg)}.app-table tbody tr td{padding:12px 16px!important;border-bottom:1px solid var(--border-subtle)!important;font-size:13.5px}.app-table tbody tr:last-child td{border-bottom:none!important}.app-table tbody tr:hover td{background:var(--row-hover)}.app-search input{background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13.5px;transition:border-color .15s ease,box-shadow .15s ease}.app-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.app-page-title{font-size:1.5rem;font-weight:700;color:var(--text-1);letter-spacing:-.025em;line-height:1.2}.app-page-subtitle{font-size:.875rem;color:var(--text-3);font-weight:400}.app-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.app-section-heading{font-size:.8125rem;font-weight:600;color:var(--text-2);letter-spacing:-.01em}.app-badge{font-size:11.5px;font-weight:500;letter-spacing:0;padding:2px 8px;border-radius:6px}.app-nav-item:hover{background:var(--accent-soft)}.app-nav-item-active,.app-nav-item-active:hover,.app-nav-item[aria-current=page],.app-nav-item[aria-current=page]:hover{background:var(--accent-medium)}.app-nav-footer-btn:hover{background:var(--accent-soft)}.app-chat-input{padding:12px 16px calc(env(safe-area-inset-bottom, 0px) + 12px);background:var(--surface);border-top:1px solid var(--border)}@media (max-width:767.98px){.app-chat-input{padding-bottom:calc(68px + env(safe-area-inset-bottom, 0px) + 12px)}}.app-fill-under-header{height:calc(100dvh - 56px)}@media (max-width:767.98px){.app-fill-under-header{height:100dvh}.app-mobile-nav-pad{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}.app-active-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px var(--success-ring);flex-shrink:0}.app-fab{bottom:calc(env(safe-area-inset-bottom, 0px) + 16px)}.app-fab-menu{bottom:calc(env(safe-area-inset-bottom, 0px) + 16px + 64px + 12px)}@media (max-width:767.98px){.app-fab{bottom:calc(68px + env(safe-area-inset-bottom, 0px) + 16px)}.app-fab-menu{bottom:calc(68px + env(safe-area-inset-bottom, 0px) + 16px + 64px + 12px)}}.app-toast-above-nav{bottom:24px}@media (max-width:767.98px){.app-toast-above-nav{bottom:96px}}