@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);.bb-comp,.bb-home,.bb-page,.bb-xm{--bb-bg:#f1f5f9;--bb-surface:#fff;--bb-surface-muted:#f8fafc;--bb-surface-elevated:#fff;--bb-navy-950:#020617;--bb-navy-900:#0f172a;--bb-navy-800:#1e293b;--bb-slate-700:#334155;--bb-slate-600:#475569;--bb-slate-500:#64748b;--bb-slate-400:#94a3b8;--bb-border:#e2e8f0;--bb-border-strong:#cbd5e1;--bb-crimson:#be123c;--bb-crimson-light:#fff1f2;--bb-teal:#0d9488;--bb-teal-light:#f0fdfa;--bb-cyan:#0891b2;--bb-emerald:#059669;--bb-emerald-light:#ecfdf5;--bb-amber:#d97706;--bb-amber-light:#fffbeb;--bb-violet:#6d28d9;--bb-violet-light:#f5f3ff;--bb-radius-xl:18px;--bb-radius-lg:14px;--bb-radius-md:10px;--bb-shadow-sm:0 1px 3px rgba(15,23,42,0.04),0 1px 2px rgba(15,23,42,0.02);--bb-shadow-md:0 10px 25px -5px rgba(15,23,42,0.05),0 4px 10px -2px rgba(15,23,42,0.03);--bb-shadow-lg:0 20px 32px -8px rgba(15,23,42,0.08),0 8px 16px -4px rgba(15,23,42,0.04);background-color:var(--bb-bg)!important;background-image:radial-gradient(at 0 0,rgba(190,18,60,.04) 0,transparent 45%),radial-gradient(at 100% 0,rgba(8,145,178,.05) 0,transparent 45%)!important;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;color:var(--bb-navy-900)}.bb-comp .english,.bb-home .english,.bb-mono,.bb-page .english,.bb-xm .english{font-family:Fira Code,JetBrains Mono,monospace!important;letter-spacing:-.01em}.bb-pro-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0f172a)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:var(--bb-radius-xl)!important;-webkit-box-shadow:0 14px 30px -8px rgba(15,23,42,.25)!important;box-shadow:0 14px 30px -8px rgba(15,23,42,.25)!important;position:relative;overflow:hidden}.bb-pro-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#f43f5e),color-stop(50%,#06b6d4),to(#10b981));background:linear-gradient(90deg,#f43f5e,#06b6d4 50%,#10b981)}.bb-pro-hero-crimson:before{background:-webkit-gradient(linear,left top,right top,from(#e11d48),color-stop(50%,#fb7185),to(#f59e0b));background:linear-gradient(90deg,#e11d48,#fb7185 50%,#f59e0b)}.bb-pro-hero-teal:before{background:-webkit-gradient(linear,left top,right top,from(#0d9488),color-stop(50%,#06b6d4),to(#22c55e));background:linear-gradient(90deg,#0d9488,#06b6d4 50%,#22c55e)}.bb-pro-hero-violet:before{background:-webkit-gradient(linear,left top,right top,from(#7c3aed),color-stop(50%,#c084fc),to(#06b6d4));background:linear-gradient(90deg,#7c3aed,#c084fc 50%,#06b6d4)}.bb-pro-hero-blue:before{background:-webkit-gradient(linear,left top,right top,from(#2563eb),color-stop(50%,#38bdf8),to(#0d9488));background:linear-gradient(90deg,#2563eb,#38bdf8 50%,#0d9488)}.bb-hero-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;background:hsla(0,0%,100%,.09);border:1px solid hsla(0,0%,100%,.14);color:#f8fafc}.bb-hero-badge-emerald{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.35);color:#6ee7b7}.bb-bento-card,.bb-comp .v-card:not(.bb-pro-hero):not(.comp-hero),.bb-page .v-card:not(.bb-pro-hero):not(.bb-issue-hero):not(.bb-inv-hero):not(.bb-qc-hero):not(.bb-storage-hero):not(.xm-hero):not(.comp-hero):not(.bb-hero),.bb-xm .v-card:not(.bb-pro-hero):not(.xm-hero){border-radius:var(--bb-radius-lg)!important;border:1px solid var(--bb-border)!important;-webkit-box-shadow:var(--bb-shadow-md)!important;box-shadow:var(--bb-shadow-md)!important;-webkit-transition:border-color .18s ease,-webkit-transform .18s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .18s cubic-bezier(.22,1,.36,1)!important;transition:border-color .18s ease,-webkit-transform .18s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .18s cubic-bezier(.22,1,.36,1)!important;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),border-color .18s ease!important;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,-webkit-transform .18s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .18s cubic-bezier(.22,1,.36,1)!important}.bb-fsm-strip{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:#fff;border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);-webkit-box-shadow:var(--bb-shadow-sm);box-shadow:var(--bb-shadow-sm)}.bb-fsm-node,.bb-fsm-strip{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bb-fsm-node{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:7px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--bb-border);background:var(--bb-surface-muted);color:var(--bb-slate-700);white-space:nowrap;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.bb-fsm-node:hover{border-color:var(--bb-navy-800);background:#f1f5f9}.bb-fsm-node-active{background:var(--bb-navy-900)!important;color:#fff!important;border-color:var(--bb-navy-900)!important}.bb-fsm-dot{width:7px;height:7px;border-radius:50%}.bb-kpi-tile{background:#fff;border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:14px 16px;position:relative;overflow:hidden;-webkit-box-shadow:var(--bb-shadow-sm);box-shadow:var(--bb-shadow-sm);-webkit-transition:-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:-webkit-transform .18s ease,-webkit-box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,-webkit-transform .18s ease,-webkit-box-shadow .18s ease}.bb-kpi-tile:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--bb-shadow-md);box-shadow:var(--bb-shadow-md)}.bb-kpi-value{font-family:Fira Code,monospace;font-size:1.55rem;font-weight:700;line-height:1.15;color:var(--bb-navy-900)}.bb-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bb-slate-500)}.bb-comp .v-data-table thead th,.bb-home .v-data-table thead th,.bb-page .v-data-table thead th,.bb-xm .v-data-table thead th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid #e2e8f0!important;height:38px!important}.bb-comp .v-data-table tbody td,.bb-home .v-data-table tbody td,.bb-page .v-data-table tbody td,.bb-xm .v-data-table tbody td{font-size:13px!important;color:#1e293b!important;border-bottom:1px solid #f1f5f9!important;height:42px!important}.bb-comp .v-data-table tbody tr:hover,.bb-home .v-data-table tbody tr:hover,.bb-page .v-data-table tbody tr:hover,.bb-xm .v-data-table tbody tr:hover{background:#f0f9ff!important}.bb-gate-rule-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;-webkit-transition:border-color .15s ease;transition:border-color .15s ease}.bb-gate-rule-pass{border-left:4px solid #10b981}.bb-gate-rule-fail{border-left:4px solid #ef4444;background:#fff1f2}.bb-rule-num{font-family:Fira Code,monospace;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#f1f5f9;color:#334155}.bb-home[data-v-6a56cd15]{background:#f5f7fa;min-height:100vh}.bb-hero[data-v-6a56cd15]{border:none}.bb-hero-inner[data-v-6a56cd15]{background:linear-gradient(135deg,#b71c1c,#880e4f 50%,#4a148c);min-height:90px}.kpi-card[data-v-6a56cd15]{border:1px solid rgba(0,0,0,.06);background:#fff;-webkit-transition:-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow .2s ease,transform .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease}.kpi-card[data-v-6a56cd15]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08)!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kpi-icon-wrap[data-v-6a56cd15]{width:38px;height:38px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kpi-label[data-v-6a56cd15]{line-height:1.3}.bb-tabs .v-tab[data-v-6a56cd15]{text-transform:none;font-weight:600;letter-spacing:0;font-size:.875rem}.bb-inner-tabs[data-v-6a56cd15] .v-tab{text-transform:none;font-weight:500;letter-spacing:0;font-size:.8125rem;min-width:120px}.nav-card[data-v-6a56cd15]{cursor:pointer;border:1px solid rgba(0,0,0,.06);background:#fff;-webkit-transition:border-color .25s ease,-webkit-box-shadow .25s ease,-webkit-transform .25s ease;transition:border-color .25s ease,-webkit-box-shadow .25s ease,-webkit-transform .25s ease;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease,-webkit-box-shadow .25s ease,-webkit-transform .25s ease}.nav-card[data-v-6a56cd15]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 24px rgba(183,28,28,.12)!important;box-shadow:0 8px 24px rgba(183,28,28,.12)!important;border-color:rgba(183,28,28,.2)}.nav-icon-wrap[data-v-6a56cd15]{width:42px;height:42px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.blood-group-card[data-v-6a56cd15]{-webkit-transition:-webkit-box-shadow .2s ease;transition:-webkit-box-shadow .2s ease;transition:box-shadow .2s ease;transition:box-shadow .2s ease,-webkit-box-shadow .2s ease}.blood-group-card[data-v-6a56cd15]:hover{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}.bb-table[data-v-6a56cd15] tbody tr{cursor:pointer}.bb-table[data-v-6a56cd15] tbody tr:hover{background:#fce4ec!important}