.sync-indicator.svelte-15e08h8{position:relative}.sync-button.svelte-15e08h8{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:.625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s;font-family:inherit;color:#333}.sync-button.svelte-15e08h8:hover{border-color:#333;box-shadow:0 .125rem .5rem #0000000d}.sync-button.synced.svelte-15e08h8{border-color:#8bc12d;color:#8bc12d;background:#f5f5f5}.sync-button.syncing.svelte-15e08h8{border-color:#1fa8db;color:#1fa8db;background:#f5f5f5}.sync-button.offline.svelte-15e08h8,.sync-button.pending.svelte-15e08h8,.sync-button.error.svelte-15e08h8{border-color:#f68a2e;color:#f68a2e;background:#f5f5f5}.sync-icon.svelte-15e08h8{font-size:1rem;display:flex;align-items:center;justify-content:center}.sync-icon.spinning.svelte-15e08h8{animation:svelte-15e08h8-spin 2s linear infinite}@keyframes svelte-15e08h8-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-text.svelte-15e08h8{font-size:.8125rem;white-space:nowrap}.backdrop.svelte-15e08h8{position:fixed;inset:0;z-index:998;background:#0000000d;border:none;cursor:default;width:100%;height:100%;display:block}.sync-details.svelte-15e08h8{background:#fff;border:2px solid #e0e0e0;border-radius:.75rem;box-shadow:0 .625rem 1.875rem #00000026;z-index:999;animation:svelte-15e08h8-slideDown .2s ease;position:fixed;top:5rem;left:1rem;right:1rem;width:auto;max-width:400px;margin:0 auto}@keyframes svelte-15e08h8-slideDown{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}.details-header.svelte-15e08h8{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.details-header.svelte-15e08h8 h3:where(.svelte-15e08h8){font-size:1rem;font-weight:700;color:#000;margin:0}.close-btn.svelte-15e08h8{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:.375rem;color:#333;font-size:1.25rem;cursor:pointer;transition:background-color .2s,color .2s;font-family:inherit}.close-btn.svelte-15e08h8:hover{background:#e0e0e0;color:#000}.details-content.svelte-15e08h8{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.detail-row.svelte-15e08h8{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-row.error.svelte-15e08h8{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;background:#f5f5f5;border-radius:.5rem;border:1px solid #e0e0e0}.detail-label.svelte-15e08h8{color:#333;font-weight:500}.detail-value.svelte-15e08h8{color:#000;font-weight:600}.status-badge.svelte-15e08h8{padding:.25rem .625rem;background:#f5f5f5;border-radius:.375rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.status-badge.synced.svelte-15e08h8{background:#f5f5f5;color:#8bc12d;border:1px solid #8bc12d}.detail-block.svelte-15e08h8{display:flex;flex-direction:column;gap:.5rem}.detail-list.svelte-15e08h8{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.detail-list.svelte-15e08h8 li:where(.svelte-15e08h8){display:flex;flex-direction:column;gap:.125rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:.5rem;padding:.5rem .625rem}.detail-list.svelte-15e08h8 li:where(.svelte-15e08h8) strong:where(.svelte-15e08h8){color:#000;font-size:.75rem}.detail-list.svelte-15e08h8 li:where(.svelte-15e08h8) span:where(.svelte-15e08h8){color:#333;font-size:.75rem}.pending-count.svelte-15e08h8{padding:.25rem .625rem;background:#f5f5f5;color:#f68a2e;border:1px solid #f68a2e;border-radius:.375rem;font-size:.75rem;font-weight:700}.force-sync-btn.svelte-15e08h8{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 1rem 1rem;padding:.625rem 1rem;background:#1fa8db;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;font-family:inherit}.force-sync-btn.svelte-15e08h8:hover{background:#2c507b;transform:translateY(-1px);box-shadow:0 .25rem .75rem #1fa8db4d}.force-sync-btn.svelte-15e08h8:active{transform:translateY(0)}@media(min-width:1024px){.sync-details.svelte-15e08h8{position:absolute;top:calc(100% + .5rem);left:0;right:auto;width:20rem;margin:0}}@media(max-width:640px){.sync-text.svelte-15e08h8{display:none}}@media(prefers-reduced-motion:reduce){.sync-icon.spinning.svelte-15e08h8,.sync-details.svelte-15e08h8{animation:none}.sync-button.svelte-15e08h8,.close-btn.svelte-15e08h8,.force-sync-btn.svelte-15e08h8{transition:none}.force-sync-btn.svelte-15e08h8:hover,.force-sync-btn.svelte-15e08h8:active{transform:none}}