.dashboard-renderer.svelte-zbihi3{width:100%;padding:20px;background:#f8fafc;min-height:600px}.dashboard-header.svelte-zbihi3{margin-bottom:24px;text-align:center}.dashboard-title.svelte-zbihi3{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.dashboard-description.svelte-zbihi3{font-size:1rem;color:#6b7280;max-width:600px;margin:0 auto}.loading-state.svelte-zbihi3,.error-state.svelte-zbihi3,.empty-state.svelte-zbihi3{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner.svelte-zbihi3,.chart-loading-spinner.svelte-zbihi3{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:svelte-zbihi3-spin 1s linear infinite;margin-bottom:16px}.chart-loading-spinner.svelte-zbihi3{width:24px;height:24px;border-width:2px;margin-bottom:8px}@keyframes svelte-zbihi3-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state.svelte-zbihi3 h3:where(.svelte-zbihi3),.empty-state.svelte-zbihi3 h3:where(.svelte-zbihi3){margin:16px 0 8px;color:#374151;font-size:1.5rem;font-weight:600}.error-state.svelte-zbihi3 p:where(.svelte-zbihi3),.empty-state.svelte-zbihi3 p:where(.svelte-zbihi3){color:#6b7280;margin-bottom:20px;max-width:400px}.error-icon.svelte-zbihi3,.empty-icon.svelte-zbihi3{font-size:3rem;margin-bottom:8px}.retry-btn.svelte-zbihi3,.retry-chart-btn.svelte-zbihi3{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn.svelte-zbihi3:hover,.retry-chart-btn.svelte-zbihi3:hover,.debug-chart-btn.svelte-zbihi3:hover{background:#2563eb}.retry-chart-btn.svelte-zbihi3,.debug-chart-btn.svelte-zbihi3,.test-chart-btn.svelte-zbihi3{font-size:12px;padding:6px 12px;margin:2px}.debug-chart-btn.svelte-zbihi3{background:#6b7280}.debug-chart-btn.svelte-zbihi3:hover{background:#4b5563}.test-chart-btn.svelte-zbihi3{background:#059669}.test-chart-btn.svelte-zbihi3:hover{background:#047857}.auth-error.svelte-zbihi3{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;padding:8px;margin:10px 0;color:#92400e;font-size:12px}.auth-error.svelte-zbihi3 a:where(.svelte-zbihi3){color:#1d4ed8;text-decoration:underline;cursor:pointer}.chart-error.svelte-zbihi3 h4:where(.svelte-zbihi3){margin:0 0 8px;color:#dc2626;font-size:14px}.error-actions.svelte-zbihi3{display:flex;gap:8px;margin:10px 0;justify-content:center}.dashboard-grid.svelte-zbihi3{display:grid;gap:16px;width:100%;margin:0 auto;max-width:1400px;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(250px,auto);align-items:stretch;justify-items:stretch}.chart-container.svelte-zbihi3{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease;min-height:250px;height:100%;display:flex;flex-direction:column;position:relative}.chart-container.svelte-zbihi3:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.chart-header.svelte-zbihi3{padding:12px 16px 8px;border-bottom:1px solid #f1f5f9;background:#fafbfc;min-height:40px}.chart-title.svelte-zbihi3{margin:0;font-size:13px;font-weight:600;color:#374151;line-height:1.3;text-transform:uppercase;letter-spacing:.5px}.chart-content.svelte-zbihi3{flex:1;padding:0;display:flex;flex-direction:column}.chart-loading.svelte-zbihi3,.chart-error.svelte-zbihi3{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#6b7280;font-size:14px}.chart-error.svelte-zbihi3{color:#ef4444}.chart-error-icon.svelte-zbihi3{font-size:1.5rem;margin-bottom:8px}.chart-loading.svelte-zbihi3 p:where(.svelte-zbihi3),.chart-error.svelte-zbihi3 p:where(.svelte-zbihi3){margin:8px 0}.error-details.svelte-zbihi3{margin:10px 0;max-width:300px}.error-details.svelte-zbihi3 summary:where(.svelte-zbihi3){cursor:pointer;color:#dc2626;font-size:12px;margin-bottom:5px}.error-details.svelte-zbihi3 pre:where(.svelte-zbihi3),.chart-debug.svelte-zbihi3 pre:where(.svelte-zbihi3){background:#fef2f2;border:1px solid #fecaca;padding:8px;border-radius:4px;font-size:11px;max-height:100px;overflow-y:auto;color:#991b1b}.chart-debug.svelte-zbihi3{margin:10px 0;max-width:300px}.chart-debug.svelte-zbihi3 summary:where(.svelte-zbihi3){cursor:pointer;color:#3b82f6;font-size:12px;margin-bottom:5px}@media (max-width: 1200px){.dashboard-grid.svelte-zbihi3{gap:14px;max-width:100%;grid-template-columns:repeat(8,1fr)}.chart-container.svelte-zbihi3{min-height:220px}}@media (max-width: 768px){.dashboard-renderer.svelte-zbihi3{padding:12px}.dashboard-grid.svelte-zbihi3{gap:12px;grid-template-columns:repeat(4,1fr)}.chart-container.svelte-zbihi3{min-height:200px}.dashboard-title.svelte-zbihi3{font-size:20px}}@media (max-width: 480px){.dashboard-grid.svelte-zbihi3{gap:8px;grid-template-columns:repeat(2,1fr)}.chart-container.svelte-zbihi3{min-height:180px}.dashboard-title.svelte-zbihi3{font-size:18px}}.grid-debug.svelte-zbihi3{margin:10px 20px;padding:10px;background:#f0f9ff;border:1px solid #0284c7;border-radius:6px;font-size:12px}.grid-debug.svelte-zbihi3 summary:where(.svelte-zbihi3){cursor:pointer;font-weight:600;color:#0284c7;margin-bottom:8px}.debug-grid-info.svelte-zbihi3{margin-top:8px}.chart-positions.svelte-zbihi3{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:8px}.position-info.svelte-zbihi3{padding:6px;background:#fff;border:1px solid #e0e7ff;border-radius:4px;font-size:11px}@media (prefers-color-scheme: dark){.dashboard-renderer.svelte-zbihi3{background:#0f172a}.dashboard-title.svelte-zbihi3{color:#f1f5f9}.dashboard-description.svelte-zbihi3{color:#94a3b8}.chart-container.svelte-zbihi3{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}.chart-container.svelte-zbihi3:hover{box-shadow:0 10px 15px -3px #0006}.chart-header.svelte-zbihi3{background:#334155;border-bottom-color:#475569}.chart-title.svelte-zbihi3{color:#f1f5f9}.error-state.svelte-zbihi3 h3:where(.svelte-zbihi3),.empty-state.svelte-zbihi3 h3:where(.svelte-zbihi3){color:#f1f5f9}.error-state.svelte-zbihi3 p:where(.svelte-zbihi3),.empty-state.svelte-zbihi3 p:where(.svelte-zbihi3),.chart-loading.svelte-zbihi3,.loading-state.svelte-zbihi3 p:where(.svelte-zbihi3){color:#94a3b8}.chart-error.svelte-zbihi3{color:#f87171}}
