.db-panel { background:var(--surface,#fff); border:1px solid #e5e7eb; border-radius:18px; padding:24px; margin-bottom:24px; }
.db-heading,.db-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.db-heading { justify-content:space-between; margin-bottom:16px; }
.db-panel h2 { margin:0 0 8px; }.db-panel p,.db-hint { color:#667085; font-size:14px; }
.db-actions input,.db-actions select,dialog input { padding:10px 12px; border:1px solid #d0d5dd; border-radius:8px; }
button { cursor:pointer; padding:10px 16px; border:1px solid #d0d5dd; border-radius:10px; background:#fff; color:#344054; }
button[aria-pressed=true],#sync-start { color:white; background:#ef4966; border-color:#ef4966; }button:disabled { opacity:.45; cursor:default; }
.db-table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; text-align:left; }th,td { padding:14px 10px; border-bottom:1px solid #eee; max-width:300px; overflow-wrap:anywhere; }th { color:#667085; font-size:13px; }
.db-pagination { justify-content:flex-end; margin-top:20px; }#error,#auth-error { color:#c92f4b; }#sync-history { margin-top:14px; }#sync-history-dialog h2 { margin:0; }
.sync-record { padding:16px 0; border-bottom:1px solid #eee; overflow-wrap:anywhere; }
.sync-record:last-child { border-bottom:0; }
.sync-record .db-heading { margin-bottom:8px; }
.sync-record p { margin:8px 0; color:#667085; font-size:14px; line-height:1.6; }
#sync-history-error,.sync-record .sync-record-error { color:#c92f4b; }
dialog { border:0; border-radius:18px; padding:24px; width:min(850px,90vw); max-height:85vh; }dialog::backdrop { background:#10182866; }#auth { width:360px; }#auth-form { display:grid; gap:16px; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#f7f8fa; border-radius:12px; font-size:12px; }#detail-content a { display:block; padding:8px; }[hidden] { display:none!important; }