.bb-root{background:var(--bb-bg);width:100%;height:100vh;color:var(--bb-tx);flex-direction:column;display:flex;overflow:hidden}.bb-header{border-bottom:1px solid var(--bb-bd2);background:var(--bb-panel2);flex:none;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.bb-brand{align-items:center;gap:11px;min-width:170px;display:flex}.bb-brand-title{letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.05}.bb-brand-sub{color:var(--bb-dim);font-size:10px;font-family:var(--bb-font-mono);letter-spacing:.08em;margin-top:2px}.bb-search{background:var(--bb-panel);border:1px solid var(--bb-bd);border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;max-width:440px;padding:9px 13px;display:flex}.bb-search input{min-width:0;color:var(--bb-tx);background:0 0;border:0;outline:none;flex:1;font-size:13px}.bb-search input::placeholder{color:var(--bb-dim)}.bb-search kbd{font-family:var(--bb-font-mono);color:var(--bb-dim);border:1px solid var(--bb-bd);border-radius:5px;padding:2px 6px;font-size:10.5px}.bb-admin-title{flex:1;min-width:150px}.bb-admin-title-main{letter-spacing:-.01em;font-size:15px;font-weight:600}.bb-admin-title-sub{color:var(--bb-mut);margin-top:1px;font-size:11.5px}.bb-env{background:var(--bb-panel);border:1px solid var(--bb-bd);border-radius:9px;gap:4px;margin-left:auto;padding:3px;display:flex}.bb-env-btn{color:var(--bb-mut);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:11.5px;font-weight:600}.bb-env-btn.active{background:var(--bb-accent);color:#fff}.bb-chip-btn,.bb-icon-btn,.bb-primary,.bb-pill,.bb-icon-swatch,.bb-status,.bb-tile{cursor:pointer;border:1px solid var(--bb-bd);background:var(--bb-panel);color:var(--bb-mut)}.bb-chip-btn{border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.bb-icon-btn{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.bb-icon-btn.sm{border-radius:7px;width:28px;height:28px;font-size:16px}.bb-user{border-left:1px solid var(--bb-bd2);align-items:center;gap:10px;padding-left:16px;display:flex}.bb-avatar{border:1px solid var(--bb-bd);width:32px;height:32px;font-size:12px;font-weight:600;font-family:var(--bb-font-mono);color:var(--bb-tx);background:linear-gradient(135deg,#2a3242,#1a2029);border-radius:9px;justify-content:center;align-items:center;display:flex}.bb-user-name{font-size:12.5px;font-weight:600;line-height:1.15}.bb-user-role{color:var(--bb-dim);font-size:10.5px}.bb-signout{margin-left:4px;font-size:12px}.bb-body{flex:1;min-height:0;display:flex}.bb-main{flex:1;padding:28px 30px 48px;overflow-y:auto}.bb-content{max-width:1220px}.bb-content-wide{width:100%;max-width:none}.bb-fade{animation:.3s bbfade}.bb-page-head{margin-bottom:22px}.bb-page-title{letter-spacing:-.01em;font-size:22px;font-weight:700}.bb-page-sub{color:var(--bb-mut);margin-top:3px;font-size:13px}.bb-section{margin-bottom:26px}.bb-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--bb-dim);margin-bottom:12px;font-size:11px;font-weight:600}.bb-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1100px){.bb-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bb-grid{grid-template-columns:1fr}.bb-header{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.bb-search{order:5;width:100%;max-width:none}}.bb-tile{text-align:left;color:inherit;border-radius:13px;flex-direction:column;gap:10px;padding:17px 18px;transition:background .15s,border-color .15s,transform .15s;display:flex}.bb-tile:hover:not(:disabled){background:var(--bb-hover);border-color:var(--bb-accent);transform:translateY(-1px)}.bb-tile:disabled{opacity:.55;cursor:not-allowed}.bb-tile-name{font-size:14px;font-weight:600}.bb-tile-sub{color:var(--bb-dim);margin-top:1px;font-size:11px}.bb-tile-desc{color:var(--bb-mut);font-size:12px;line-height:1.45}.bb-tile-warn{color:var(--bb-dim);font-size:10.5px;font-family:var(--bb-font-mono)}.bb-empty{border:1px dashed var(--bb-bd);text-align:center;background:var(--bb-panel);border-radius:13px;padding:48px 24px}.bb-empty-title{font-size:16px;font-weight:600}.bb-empty-sub{color:var(--bb-mut);margin-top:6px;font-size:13px}.bb-admin-bar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.bb-admin-meta{color:var(--bb-mut);font-size:12.5px;font-family:var(--bb-font-mono)}.bb-primary{color:#fff;background:linear-gradient(135deg, var(--bb-accent), var(--bb-accent-up));border:0;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:9px 15px;font-size:12.5px;font-weight:600;display:inline-flex}.bb-primary.block{justify-content:center;width:100%;margin-left:0;padding:11px;font-size:13px}.bb-table{background:var(--bb-panel);border:1px solid var(--bb-bd);border-radius:13px;overflow:hidden}.bb-table-head,.bb-table-row{grid-template-columns:2.2fr 1.2fr 1.6fr .9fr .5fr;align-items:center;gap:10px;padding:11px 18px;display:grid}.bb-table-head{letter-spacing:.08em;text-transform:uppercase;color:var(--bb-dim);border-bottom:1px solid var(--bb-bd2);padding:10px 18px;font-size:10px;font-weight:600}.bb-table-row{border-bottom:1px solid var(--bb-bd2)}.bb-table-row:hover{background:var(--bb-hover)}.bb-table-app{align-items:center;gap:11px;min-width:0;font-size:13px;font-weight:600;display:flex}.bb-table-app span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bb-table-empty{color:var(--bb-mut);padding:28px 18px;font-size:13px}.bb-table-actions{justify-content:flex-end;display:flex}.bb-mut{color:var(--bb-mut);font-size:12px}.bb-mono{color:var(--bb-dim);font-size:11.5px;font-family:var(--bb-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-status{color:var(--bb-mut);background:color-mix(in srgb, var(--bb-mut) 12%, transparent);border-color:color-mix(in srgb, var(--bb-mut) 30%, transparent);border-radius:20px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.bb-status.on{color:var(--bb-ok);background:color-mix(in srgb, var(--bb-ok) 12%, transparent);border-color:color-mix(in srgb, var(--bb-ok) 30%, transparent)}.bb-add-panel{background:var(--bb-panel);border:1px solid var(--bb-bd);border-radius:13px;flex-direction:column;width:100%;animation:.28s bbfade;display:flex}.bb-add-panel-head{border-bottom:1px solid var(--bb-bd2);align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.bb-add-panel-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.bb-add-panel-sub{color:var(--bb-mut);max-width:56ch;margin-top:4px;font-size:12.5px}.bb-add-panel-body{flex-direction:column;gap:18px;padding:22px 24px;display:flex}.bb-add-panel-foot{border-top:1px solid var(--bb-bd2);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.bb-add-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.bb-add-grid-urls{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-add-grid-meta{grid-template-columns:1.4fr 1fr;align-items:start}@media (width<=900px){.bb-add-grid,.bb-add-grid-urls,.bb-add-grid-meta{grid-template-columns:1fr}}.bb-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--bb-dim);margin-bottom:7px;font-size:11px;font-weight:600}.bb-add-panel input{background:var(--bb-panel2);border:1px solid var(--bb-bd);width:100%;color:var(--bb-tx);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.bb-add-panel input.mono{font-family:var(--bb-font-mono)}.bb-hint{color:var(--bb-dim);margin-top:6px;font-size:10.5px}.bb-pills,.bb-icons{flex-wrap:wrap;gap:7px;display:flex}.bb-pill{border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600}.bb-pill.active{color:#fff;background:var(--bb-accent);border-color:var(--bb-accent)}.bb-icon-swatch{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bb-icon-swatch.active{color:var(--bb-accent);background:color-mix(in srgb, var(--bb-accent) 14%, transparent);border-color:color-mix(in srgb, var(--bb-accent) 40%, transparent)}.bb-error{color:#ff8a8a;background:#ff5c5c1f;border:1px solid #ff5c5c66;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.bb-error-actions{flex:none;gap:8px;display:flex}.bb-retry{color:#ffb0b0;cursor:pointer;background:0 0;border:1px solid #ff5c5c80;border-radius:8px;flex:none;padding:6px 12px;font-size:12px;font-weight:600}.bb-retry:hover{background:#ff5c5c29}.bb-tile-name,.bb-tile-desc{text-overflow:ellipsis;overflow:hidden}.bb-tile-name{white-space:nowrap}.bb-tile-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.bb-muted{color:var(--bb-mut)}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bb-bg:#090c12;--bb-panel:#11151e;--bb-panel2:#0f141d;--bb-bd:#222a38;--bb-bd2:#1b2230;--bb-tx:#e8edf4;--bb-mut:#8e9bb0;--bb-dim:#6c7a90;--bb-skel:#1a2130;--bb-hover:#141a25;--bb-accent:#ff6a2b;--bb-accent-2:#ff9a5c;--bb-accent-up:#ff8a4c;--bb-ok:#3fd07e;--bb-telemetry:#35c9e0;--bb-font-sans:"IBM Plex Sans", system-ui, sans-serif;--bb-font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bb-bg:#eaeef4;--bb-panel:#fff;--bb-panel2:#f2f5fa;--bb-bd:#d7deea;--bb-bd2:#e5eaf1;--bb-tx:#141c28;--bb-mut:#5a6675;--bb-dim:#8391a2;--bb-skel:#e6ebf2;--bb-hover:#eef2f8}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--bb-bg);color:var(--bb-tx);font-family:var(--bb-font-sans);-webkit-font-smoothing:antialiased;font-size:14px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2a3446;border-radius:8px}::-webkit-scrollbar-track{background:0 0}input,select,button{font-family:inherit}a{color:var(--bb-telemetry);text-decoration:none}a:hover{color:#5fd8ea}:focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px;border-radius:4px}@keyframes bbfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bbdrawer{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.app-boot{text-align:center;background:var(--bb-bg);min-height:100vh;color:var(--bb-mut);font-family:var(--bb-font-sans);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.app-boot-detail{max-width:36rem;color:var(--bb-dim,#888);font-size:13px}.app-boot-retry{border:1px solid var(--bb-bd2,#333);background:var(--bb-panel2,#1a1a1a);color:var(--bb-tx,#eee);cursor:pointer;font:inherit;border-radius:8px;margin-top:4px;padding:8px 14px}.app-boot-retry:hover{border-color:var(--bb-accent,#6cf)}