.bl-app { min-height: 100vh; display: grid; grid-template-columns: var(--bl-sidebar) minmax(0,1fr); background: var(--bl-bg); }
.bl-main { min-width: 0; }
.bl-topbar { height: var(--bl-topbar); position: sticky; top: 0; z-index: 45; padding: 0 clamp(18px,2.4vw,34px); border-bottom: 1px solid rgba(227,226,221,.9); background: rgba(247,246,242,.9); backdrop-filter: blur(16px); display: flex; align-items: center; gap: 12px; }
.bl-topbar-start { min-width: 0; display: flex; align-items: center; gap: 11px; }
.bl-topbar-title { min-width: 0; display: grid; gap: 1px; }
.bl-topbar-title strong { font-size: 12px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bl-topbar-title span { color: var(--bl-muted); font-size: 9.5px; }
.bl-topbar-center { margin-left: auto; min-width: 0; display: flex; align-items: center; gap: 8px; }
.bl-topbar-actions { display: flex; align-items: center; gap: 7px; }
.bl-site-switch { min-width: 0; height: 40px; padding: 0 10px 0 11px; border: 1px solid var(--bl-line); border-radius: 11px; background: rgba(255,255,255,.72); display: flex; align-items: center; gap: 8px; }
.bl-site-switch .bl-icon { flex: 0 0 auto; color: var(--bl-muted); }
.bl-site-switch select { min-width: 120px; max-width: 260px; height: 36px; padding: 0 26px 0 0; border: 0; outline: 0; background: transparent; color: var(--bl-text); font-size: 11px; font-weight: 750; cursor: pointer; }
.bl-content { width: min(100%,var(--bl-content-max)); margin: 0 auto; padding: 34px clamp(20px,3.4vw,48px) 72px; }
.bl-page-head { margin-bottom: 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.bl-page-head > div:first-child { min-width: 0; }
.bl-page-head h1 { margin: 5px 0 0; font-size: clamp(27px,2.6vw,36px); line-height: 1.04; letter-spacing: -.046em; }
.bl-page-head p:not(.bl-eyebrow) { max-width: 720px; margin: 8px 0 0; color: var(--bl-muted); font-size: 12.5px; line-height: 1.6; }
.bl-page-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.bl-eyebrow, .bl-nav-label, .bl-card-kicker { color: var(--bl-muted); font-size: 9.5px; font-weight: 800; letter-spacing: .105em; text-transform: uppercase; }
.bl-icon { width: 17px; height: 17px; flex: 0 0 auto; }
.bl-icon-sm { width: 15px; height: 15px; }
.bl-icon-lg { width: 22px; height: 22px; }
.bl-overlay { display: none; }
.bl-toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 120; width: min(360px,calc(100vw - 36px)); display: grid; gap: 8px; pointer-events: none; }
.bl-toast { padding: 12px 14px; border: 1px solid var(--bl-line-strong); border-radius: 12px; background: var(--bl-surface); box-shadow: var(--bl-shadow-lg); display: flex; align-items: flex-start; gap: 10px; color: var(--bl-text); font-size: 11px; line-height: 1.45; animation: bl-toast-in .18s ease; }
.bl-toast.is-error { border-color: #e4c6c3; background: var(--bl-danger-soft); color: var(--bl-danger); }
@keyframes bl-toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }