:root{--bp-sidebar-w:260px}.bp-overlay{position:fixed;inset:0;z-index:190;background:rgba(0,0,0,0);pointer-events:none;transition:background .35s ease}.bp-overlay.modal-active{background:rgba(0,0,0,.25);pointer-events:auto}.bp-overlay.drawer-active{background:rgba(0,0,0,.04);pointer-events:none}.bp-overlay.expanded-active{background:rgba(0,0,0,.35);pointer-events:auto}html[data-style=glass][data-theme=light] .bp-detail{background-color:#F0F4FA;background-image:linear-gradient(135deg,rgb(232,240,255),rgb(245,240,255) 50%,rgb(255,250,245));backdrop-filter:blur(48px) saturate(1.8);-webkit-backdrop-filter:blur(48px) saturate(1.8)}html[data-style=glass][data-theme=dark] .bp-detail{background:linear-gradient(135deg,#211a33,#1a2238 35%,#122436 70%,#0f2a2a)}html[data-style=glass] .bp-detail-footer,html[data-style=glass] .bp-detail-hdr{background:transparent}.bp-detail{position:fixed;z-index:200;background:var(--bg-card);backdrop-filter:var(--surface-backdrop);-webkit-backdrop-filter:var(--surface-backdrop);overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(0) scale(.92);transition:top .4s cubic-bezier(.4,0,.2,1),bottom .4s cubic-bezier(.4,0,.2,1),right .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}.bp-detail,.bp-detail.is-modal{top:68px;right:calc(50vw - 475px);width:950px;max-height:calc(100vh - 92px);height:auto;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.15)}.bp-detail.is-drawer,.bp-detail.is-modal{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.bp-detail.is-drawer{--drawer-w:520px;top:66px;right:8px;width:var(--drawer-w);height:calc(100vh - 74px);max-height:calc(100vh - 74px);border-radius:14px;box-shadow:-4px 4px 24px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06)}.is-drawer .bp-detail-hdr{min-height:56px;flex-shrink:0}.is-drawer .bp-detail-body{flex:1 1;overflow-y:auto;min-height:0;overflow-x:hidden}.is-drawer .bp-detail-footer{flex-shrink:0}.is-drawer .bp-detail-body .bp-info-grid{grid-template-columns:1fr!important}.bp-detail.is-expanded{--exp-margin:24px;opacity:1;pointer-events:auto;z-index:260;top:var(--exp-margin);right:var(--exp-margin);transform:translateY(0) scale(1);width:calc(100vw - var(--bp-sidebar-w) - var(--exp-margin) * 2);height:calc(100vh - var(--exp-margin) * 2);max-height:calc(100vh - var(--exp-margin) * 2);border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.bp-detail.is-horizontal{opacity:1;pointer-events:auto;z-index:200;top:50vh;left:var(--bp-sidebar-w);right:0;bottom:0;width:auto;height:auto;max-height:none;transform:none;border-radius:0;box-shadow:0 -8px 24px rgba(0,0,0,.12)}.bp-detail.is-horizontal:before{content:"";display:block;height:5px;flex-shrink:0;background:linear-gradient(180deg,#cdd5de,#d8e0e8 50%,#cdd5de);box-shadow:inset 0 1px 3px rgba(163,177,198,.6),inset 0 -1px 2px rgba(255,255,255,.7),0 1px 2px rgba(163,177,198,.3);position:relative;z-index:2}[data-theme=dark] .bp-detail.is-horizontal:before{background:linear-gradient(180deg,#1a202c,#2d3748 50%,#1a202c);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.2)}.is-horizontal .bp-detail-hdr{min-height:44px;flex-shrink:0}.is-horizontal .bp-detail-body{flex:1 1;overflow-y:auto;min-height:0}.is-horizontal .bp-detail-footer{flex-shrink:0}.bp-detail-hdr{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg-card);padding:.85rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:none;flex-shrink:0;min-height:56px}.bp-detail-hdr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(15,23,42,.07)}[data-theme=dark] .bp-detail-hdr:after{background:rgba(255,255,255,.08)}.bp-card{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.45);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 18px rgba(15,23,42,.06)}html[data-theme=dark] .bp-card{background:rgba(30,41,59,.55);border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 18px rgba(0,0,0,.3)}html[data-style=flat][data-theme=light] .bp-card{background:#ffffff;border:1px solid rgba(148,163,184,.6);box-shadow:0 1px 3px rgba(15,23,42,.05);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-style=flat][data-theme=dark] .bp-card{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.28);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.bp-detail-hdr-info{flex:1 1;min-width:0;display:flex;align-items:center;gap:.75rem}.bp-detail-hdr-titles{min-width:0;display:flex;flex-direction:column;gap:1px}.bp-detail-hdr-title{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.bp-detail-hdr-sub{font-size:.68rem;color:var(--text-muted);font-weight:500}.bp-detail-avatar{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;letter-spacing:.02em}.bp-detail-body{flex:1 1;overflow-y:auto;padding:1.25rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.16) transparent}.bp-detail-body::-webkit-scrollbar{width:11px}.bp-detail-body::-webkit-scrollbar-track{background:transparent}.bp-detail-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.16);border-radius:8px;border:3px solid transparent;background-clip:padding-box}.bp-detail-body::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.28);background-clip:padding-box}[data-theme=dark] .bp-detail-body{scrollbar-color:rgba(255,255,255,.18) transparent}[data-theme=dark] .bp-detail-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);background-clip:padding-box}[data-theme=dark] .bp-detail-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);background-clip:padding-box}.bp-detail-footer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg-card);padding:.75rem 1.25rem;border-top:1px solid rgba(100,116,139,.08);display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-shrink:0}.bp-detail-footer-info{font-size:.72rem;color:var(--text-muted);font-weight:500}.bp-detail-footer-actions{display:flex;gap:.5rem;align-items:center}.bp-nav{display:flex;gap:.25rem;flex-shrink:0}.bp-nav-btn{width:28px;height:28px;border-radius:8px;border:none;background:var(--bg-primary,var(--bg));box-shadow:var(--neu-shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s}.bp-nav-btn:hover{color:#10B981;transform:translateY(-1px)}.bp-nav-btn svg{width:14px;height:14px}.bp-mode-btns{display:flex;gap:.25rem;background:var(--bg-primary,var(--bg));border-radius:10px;box-shadow:var(--neu-shadow-inset);padding:3px;flex-shrink:0}.bp-mode-btn{width:30px;height:28px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-muted);flex-shrink:0}.bp-mode-btn svg{width:15px;height:15px}.bp-mode-btn:hover{color:#10B981}.bp-mode-btn.active{background:var(--bg-card);box-shadow:var(--neu-shadow-sm);color:#10B981}.bp-close-btn{width:32px;height:32px;border-radius:10px;border:none;background:var(--bg-primary,var(--bg));box-shadow:var(--neu-shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--close-red,#F87171);flex-shrink:0}.bp-close-btn:hover{color:var(--close-red-strong,#EF4444);transform:translateY(-1px);box-shadow:var(--neu-shadow)}.bp-close-btn svg{width:16px;height:16px}.bp-mode-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:300;background:var(--bg-card);border-radius:14px;box-shadow:var(--neu-shadow);padding:.5rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;color:var(--text-secondary);opacity:0;transition:opacity .3s;pointer-events:none}.bp-mode-toast.visible{opacity:1}.bp-mode-dot{width:8px;height:8px;border-radius:50%}.bp-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.bp-info-cell{background:var(--bg-card);border-radius:12px;box-shadow:var(--neu-shadow-inset);padding:12px 14px}.bp-info-cell .bp-cell-label{font-size:.68rem;color:var(--text-muted);margin-bottom:4px}.bp-info-cell .bp-cell-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}