.sync-card{margin:22px 0;border-color:#293f4c;background:linear-gradient(115deg,#12202a,#101a22)}
.sync-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sync-card .card-head h2{font-size:16px;margin:0}.sync-card .card-body{padding:20px}
.sync-summary{display:flex;align-items:center;gap:10px}.sync-card p{color:#9fb6c5;margin:9px 0 20px;font-size:13px;line-height:1.5}
.sync-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#8ba3b3}
.sync-success .sync-dot{background:#65d9b0}.sync-waiting .sync-dot{background:#f6ad55}.sync-error .sync-dot{background:#ff6375}
.sync-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:0;border-top:1px solid #293f4c;padding-top:16px}
.sync-facts dt{color:#8fa7b9;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.sync-facts dd{margin:0;font-size:14px;font-weight:600}
.sync-scanner{display:flex;align-items:center;gap:12px;border:1px solid #293f4c;border-radius:12px;padding:14px 18px;margin:0 0 16px;background:#12202a}
.sync-scanner strong{font-size:14px}.sync-scanner small,.sync-scanner p{display:block;color:#aac0ce;margin:5px 0 0;font-size:12px;line-height:1.5}
.sync-running{border-color:#e98925;background:#2c231a}.sync-running .sync-dot{background:#ffa74b}
.sync-indicator{font-size:26px;color:#ffa74b}.sync-card button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.sync-facts{grid-template-columns:1fr}.sync-card .card-body{padding:16px}}