.database-lightbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:10000;width:85%;max-width:700px;max-height:75vh;overflow:hidden;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);border-radius:24px;box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4)}.database-lightbox.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.database-lightbox-header{padding:18px 20px;border-bottom:1px solid rgb(255 255 255 / .1);background:rgb(0 0 0 / .2);transition:all 0.3s ease;display:flex;align-items:center;gap:12px}.database-lightbox-header.scrolled{padding:10px 20px}.database-lightbox-intro{display:flex;align-items:center;gap:12px;transition:all 0.3s ease;flex:1}.database-lightbox-header.scrolled .database-lightbox-intro{gap:8px}.database-lightbox-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));color:#fff;flex-shrink:0;box-shadow:0 4px 12px var(--accent-color-glow);transition:all 0.3s ease}.database-lightbox-header.scrolled .database-lightbox-icon{width:28px;height:28px;font-size:14px}.database-header-divider{width:1px;height:32px;background:rgb(255 255 255 / .15);transition:all 0.3s ease}.database-lightbox-header.scrolled .database-header-divider{height:24px}.database-lightbox-title-text{flex:1}.database-lightbox-title{font-size:16px;font-weight:700;color:rgb(255 255 255 / .95);margin:0 0 2px 0;letter-spacing:-.3px}.database-lightbox-subtitle{font-size:11px;color:rgb(255 255 255 / .6);margin:0}.database-lightbox-header.scrolled .database-lightbox-title{font-size:14px}.database-lightbox-header.scrolled .database-lightbox-subtitle{font-size:10px}.database-lightbox-close{display:none;width:36px;height:36px;border-radius:10px;background:rgb(0 0 0 / .3);border:1px solid rgb(255 255 255 / .1);color:rgb(255 255 255 / .7);font-size:16px;cursor:pointer;align-items:center;justify-content:center;transition:all 0.25s ease;flex-shrink:0}.database-lightbox-close:hover{background:rgb(0 0 0 / .5);border-color:rgb(255 255 255 / .2);color:rgb(255 255 255 / .95);transform:scale(1.05)}.database-lightbox-close:active{transform:scale(.95)}.database-lightbox-header.scrolled .database-lightbox-close{width:32px;height:32px;font-size:14px}.database-lightbox-content{overflow-y:auto;flex:1;min-height:0;padding:18px 22px}.database-lightbox-content::-webkit-scrollbar{width:3px}.database-lightbox-content::-webkit-scrollbar-track{background:#fff0}.database-lightbox-content::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .12);border-radius:10px}.database-lightbox-content::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .2)}.database-lightbox-content{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .12) #fff0}.database-item{background:rgb(0 0 0 / .14);border:1px solid rgb(255 255 255 / .08);border-radius:12px;padding:16px;margin-bottom:12px;transition:all 0.25s ease}.database-item:last-child{margin-bottom:0}.database-item:hover{background:rgb(0 0 0 / .2);border-color:rgb(255 255 255 / .12)}.database-item-header{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.database-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all 0.25s ease}.database-item-icon.status-connected{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px rgb(16 185 129 / .3)}.database-item-icon.status-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px rgb(239 68 68 / .3)}.database-item-icon.status-loading{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px rgb(245 158 11 / .3)}.database-item-info{flex:1;min-width:0}.database-item-name{font-size:15px;font-weight:600;color:rgb(255 255 255 / .95);margin-bottom:4px;display:flex;align-items:center;gap:8px}.database-item-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.database-item-status.status-connected{background:rgb(16 185 129 / .2);color:#10b981;border:1px solid rgb(16 185 129 / .3)}.database-item-status.status-error{background:rgb(239 68 68 / .2);color:#ef4444;border:1px solid rgb(239 68 68 / .3)}.database-item-status.status-loading{background:rgb(245 158 11 / .2);color:#f59e0b;border:1px solid rgb(245 158 11 / .3)}.database-item-meta{font-size:11px;color:rgb(255 255 255 / .6);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.database-item-meta-item{display:flex;align-items:center;gap:4px}.database-item-meta-item i{font-size:10px;opacity:.7}.database-expand-icon{font-size:12px;color:rgb(255 255 255 / .5);transition:transform 0.3s ease}.database-item.expanded .database-expand-icon{transform:rotate(180deg)}.database-item-details{max-height:0;overflow:hidden;transition:max-height 0.3s ease;margin-top:0}.database-item.expanded .database-item-details{max-height:500px;margin-top:16px}.database-item-details-inner{padding-top:16px;border-top:1px solid rgb(255 255 255 / .08)}.database-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.database-stat{background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);border-radius:8px;padding:10px;text-align:center}.database-stat-label{font-size:10px;font-weight:600;color:rgb(255 255 255 / .5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.database-stat-value{font-size:16px;font-weight:700;color:rgb(255 255 255 / .95)}.database-changelog{margin-top:12px}.database-changelog-title{font-size:12px;font-weight:600;color:rgb(255 255 255 / .7);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.database-changelog-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.database-changelog-list::-webkit-scrollbar{width:4px}.database-changelog-list::-webkit-scrollbar-track{background:rgb(0 0 0 / .2);border-radius:4px}.database-changelog-list::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .2);border-radius:4px}.database-changelog-list::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .3)}.database-changelog-list{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .2) rgb(0 0 0 / .2)}.database-changelog-item{display:flex;gap:10px;padding:10px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);border-radius:8px;transition:all 0.2s ease}.database-changelog-item:hover{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .12)}.database-changelog-icon{width:24px;height:24px;border-radius:6px;background:rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.database-changelog-content{flex:1;min-width:0}.database-changelog-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.database-changelog-type{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:rgb(0 0 0 / .4);border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.database-changelog-date{font-size:10px;font-weight:500;color:rgb(255 255 255 / .5)}.database-changelog-text{font-size:12px;color:rgb(255 255 255 / .8);line-height:1.4}.database-empty-state{text-align:center;padding:40px 20px;color:rgb(255 255 255 / .4)}.database-empty-state i{font-size:48px;margin-bottom:16px;opacity:.3}.database-empty-state p{font-size:14px;margin:0}@media (max-width:768px){.database-lightbox-close{display:flex}.database-lightbox{width:calc(100% - 20px);left:max(10px, env(safe-area-inset-left));right:auto;top:auto;bottom:max(10px, env(safe-area-inset-bottom));height:calc(100vh - 84px);max-height:calc(100vh - 84px);height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:24px;transform:translateY(calc(100% + 10px));display:flex;flex-direction:column}.database-lightbox.active{transform:translateY(0)}body.panel-style-docked .database-lightbox{width:100%;left:0;right:0;bottom:0;height:calc(100vh - 74px);max-height:calc(100vh - 74px);height:calc(100dvh - 74px - env(safe-area-inset-top));max-height:calc(100dvh - 74px - env(safe-area-inset-top));border-radius:24px 24px 0 0;border-bottom:none;transform:translateY(100%);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}body.panel-style-docked .database-lightbox.active{transform:translateY(0)}.database-lightbox-header{padding:16px 14px;flex-shrink:0}.database-lightbox-content{padding:16px 14px;flex:1;min-height:0;overflow-y:auto}.database-item{padding:14px}.database-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.database-lightbox-header{padding:14px 12px}.database-lightbox-content{padding:12px}.database-item{padding:12px}.database-item-icon{width:36px;height:36px;font-size:14px}.database-item-name{font-size:14px}.database-stats{grid-template-columns:1fr}.database-lightbox-close{width:32px;height:32px;font-size:14px}}