:root{--bf-bg: #07101f;--bf-bg-deep: #0a0a0f;--bf-card: #0e2246;--bf-border: #1a3460;--bf-fg: #eaedf4;--bf-muted: #7a8faf;--bf-gold: #c49b18;--bf-gold-light: #d9b42a;--bf-gold-tint-10: rgba(196, 155, 24, .1);--bf-gold-tint-20: rgba(196, 155, 24, .2);--bf-gold-tint-40: rgba(196, 155, 24, .4);--bf-card-2: #112a52;--bf-overlay: rgba(7, 16, 31, .85);--bf-success: #2ecc71;--bf-warning: #d9b42a;--bf-danger: #e5484d;--bf-info: #0a66c2;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--shadow-gold: 0 0 0 1px var(--bf-gold-tint-20), 0 8px 30px var(--bf-gold-tint-10);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .18s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--bf-fg);background:radial-gradient(1200px 600px at 80% -10%,var(--bf-gold-tint-10),transparent 60%),linear-gradient(180deg,var(--bf-bg) 0%,var(--bf-bg-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--bf-gold-light);text-decoration:none}a:hover{color:var(--bf-gold)}::selection{background:var(--bf-gold-tint-40);color:#fff}:focus-visible{outline:2px solid var(--bf-gold);outline-offset:2px;border-radius:var(--radius-sm)}.bf-card{background:linear-gradient(180deg,var(--bf-card) 0%,color-mix(in srgb,var(--bf-card) 88%,black) 100%);border:1px solid var(--bf-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.bf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font:600 .95rem var(--font-sans);color:var(--bf-bg);background:linear-gradient(180deg,var(--bf-gold-light),var(--bf-gold));border:none;border-radius:var(--radius);cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease)}.bf-btn:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.bf-btn:active{transform:translateY(0);filter:brightness(.96)}.bf-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.bf-btn--ghost{color:var(--bf-fg);background:transparent;border:1px solid var(--bf-border)}.bf-btn--ghost:hover{background:var(--bf-card-2);box-shadow:none}.bf-input{width:100%;padding:.7rem .85rem;color:var(--bf-fg);background:#07101f99;border:1px solid var(--bf-border);border-radius:var(--radius);font:400 .95rem var(--font-sans);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.bf-input::placeholder{color:var(--bf-muted)}.bf-input:focus{outline:none;border-color:var(--bf-gold);box-shadow:0 0 0 3px var(--bf-gold-tint-20)}.bf-label{display:block;margin-bottom:.35rem;font-size:.85rem;color:var(--bf-muted)}.bf-muted{color:var(--bf-muted)}.bf-error{color:var(--bf-danger);font-size:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.bf-logo-link{display:inline-flex;text-decoration:none;border-radius:var(--radius);transition:opacity var(--dur) var(--ease)}.bf-logo-link:hover{opacity:.85}.bf-logo-link:focus-visible{outline:2px solid var(--bf-gold);outline-offset:3px}.bf-logo{display:inline-flex;align-items:center;gap:.6rem}.bf-logo img{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.bf-logo__word{display:flex;flex-direction:column;line-height:1.05}.bf-logo__word strong{font-size:1.05rem;letter-spacing:.02em;color:var(--bf-fg)}.bf-logo__sub{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bf-gold)}.bf-shell{min-height:100%;display:flex;flex-direction:column}.bf-topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--bf-border);background:#07101fb3;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.bf-topbar__left{display:flex;align-items:center;gap:1.6rem}.bf-main{padding:2rem clamp(1rem,4vw,3rem);width:min(1200px,100%);margin:0 auto}.bf-nav{display:flex;gap:.4rem}.bf-nav__link{padding:.4rem .8rem;border-radius:var(--radius);color:var(--bf-muted);font-size:.92rem;font-weight:600;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.bf-nav__link:hover{color:var(--bf-fg);background:var(--bf-card-2)}.bf-nav__link--active{color:var(--bf-gold-light);background:var(--bf-gold-tint-10)}.bf-table{width:100%;border-collapse:collapse}.bf-table th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bf-muted);padding:.5rem .75rem;border-bottom:1px solid var(--bf-border)}.bf-table td{padding:.7rem .75rem;border-bottom:1px solid var(--bf-border);vertical-align:middle}.bf-table tr:hover td{background:#c49b180a}.bf-table__name{margin-left:.6rem;font-weight:600}.bf-table__actions{display:flex;gap:.5rem;justify-content:flex-end}.bf-mono{font-family:var(--font-mono);font-size:.88rem;color:var(--bf-muted)}.bf-btn--danger{background:transparent;color:var(--bf-danger);border:1px solid var(--bf-danger)}.bf-btn--danger:hover{background:var(--bf-danger);color:#fff;box-shadow:none}.bf-readonly-badge{margin-right:.8rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--bf-gold-light);background:var(--bf-gold-tint-10);border:1px solid var(--bf-gold-tint-20)}.bf-h1{font-size:1.6rem;margin:0 0 .25rem;letter-spacing:.01em}.bf-login{min-height:100%;display:grid;place-items:center;position:relative;padding:2rem}.bf-login__aura{position:fixed;inset:0;pointer-events:none;background:radial-gradient(600px 300px at 50% 20%,var(--bf-gold-tint-10),transparent 70%)}.bf-login__card{width:min(420px,100%);padding:2.2rem;position:relative}.bf-login__brand{display:flex;justify-content:center;margin-bottom:1.4rem}.bf-login__title{margin:0;font-size:1.5rem;text-align:center}.bf-login__hint{text-align:center;margin:.3rem 0 1.6rem;font-size:.9rem}.bf-login__submit{width:100%;justify-content:center;margin-top:1.4rem;padding:.85rem}.bf-login__footer{position:fixed;bottom:1rem;font-size:.75rem;letter-spacing:.04em}.bf-conns__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}.bf-conns__search{max-width:280px}.bf-group__head{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bf-gold);margin:1.4rem 0 .6rem;border-bottom:1px solid var(--bf-border);padding-bottom:.3rem}.bf-conn-grid{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.bf-conn-grid>li{display:flex}.bf-conn{width:100%;height:100%;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;color:var(--bf-fg);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.bf-conn:hover{transform:translateY(-2px);border-color:var(--bf-gold);box-shadow:var(--shadow-gold)}.bf-conn__badge{align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.22rem .55rem;border-radius:999px;background:var(--bf-gold-tint-10);color:var(--bf-gold-light);border:1px solid var(--bf-gold-tint-20)}.bf-conn__name{font-size:1.05rem;font-weight:600}.bf-conn__active{margin-top:auto;font-size:.8rem;color:var(--bf-success)}.bf-splash{min-height:100%;display:grid;place-items:center;color:var(--bf-muted);font-size:.95rem;letter-spacing:.04em}.bf-settings__card{max-width:460px;padding:1.6rem;margin-top:1.4rem}.bf-settings__h2{margin:0 0 1rem;font-size:1.1rem}.bf-settings__submit{width:100%;justify-content:center;margin-top:1.3rem}.bf-success-msg{color:var(--bf-success);font-size:.9rem}.bf-admin__create{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding:1rem 1.2rem;margin:1.2rem 0}.bf-admin__create .bf-input{width:auto;flex:1 1 200px}.bf-switch{display:inline-flex;align-items:center;gap:.5rem;color:var(--bf-muted);font-size:.9rem}.bf-switch input{width:16px;height:16px;accent-color:var(--bf-gold)}.bf-rec__overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--bf-overlay);padding:2rem}.bf-rec{width:min(1100px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--bf-card);border:1px solid var(--bf-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.bf-rec__bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--bf-border)}.bf-rec__title{font-weight:600;font-size:.95rem}.bf-rec__stage{flex:1;overflow:hidden;background:#000;display:grid;place-items:start;min-height:320px}.bf-rec__display{display:inline-block}.bf-rec__controls{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-top:1px solid var(--bf-border)}.bf-rec__seek{flex:1;accent-color:var(--bf-gold)}.bf-connedit{width:min(520px,100%);max-height:90vh;overflow:auto;padding:1.6rem}.bf-connedit__row{display:flex;gap:.8rem;margin-top:.7rem}.bf-connedit__actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.bf-connedit--wide{width:min(760px,100%)}.bf-schemaform__section{border:1px solid var(--bf-border);border-radius:8px;padding:.9rem 1rem 1.1rem;margin-top:1.1rem}.bf-schemaform__legend{padding:0 .5rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--bf-gold)}.bf-schemafield{margin-top:.7rem;display:block}.bf-schemafield:first-of-type{margin-top:.2rem}.bf-schemafield__key{font-size:.72rem;color:var(--bf-muted);opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:.35rem}.bf-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;min-height:4.5rem}.bf-permgrid{margin-top:.4rem;font-size:.85rem}.bf-permgrid th{font-size:.72rem;color:var(--bf-muted);text-transform:uppercase;letter-spacing:.03em}.bf-permgrid td,.bf-permgrid th{padding:.3rem .5rem}.bf-permgrid input{width:16px;height:16px;accent-color:var(--bf-gold)}.bf-session{position:fixed;inset:0;display:flex;flex-direction:column;background:#000}.bf-session__bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#07101fe6;border-bottom:1px solid var(--bf-border);z-index:5}.bf-session__state{font-size:.85rem;color:var(--bf-muted)}.bf-session__clip{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem}.bf-session__clip .bf-btn{padding:.4rem .7rem;font-size:.82rem}.bf-session__display{flex:1;overflow:hidden;display:grid;place-items:start}.bf-session__overlay{position:absolute;inset:0;display:grid;place-items:center;background:var(--bf-overlay);z-index:6}.bf-session__msg{padding:1.6rem;text-align:center;display:grid;gap:1rem;max-width:420px}