.gutengrow-dynamic-chart{margin:2rem 0}.gutengrow-dynamic-chart .chart-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1.5rem;position:relative;transition:all .3s ease}.gutengrow-dynamic-chart .chart-wrapper:hover{box-shadow:0 4px 20px rgba(0,0,0,.15)}.gutengrow-dynamic-chart .chart-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem;padding:0;text-align:center}.gutengrow-dynamic-chart .chart-title:empty{display:none}.gutengrow-dynamic-chart .chart-container{margin:0 auto;position:relative;width:100%}.gutengrow-dynamic-chart .chart-container canvas{display:block;height:auto!important;max-width:100%}.gutengrow-dynamic-chart .chart-export-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn:active{transform:translateY(0)}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5);outline:2px solid transparent;outline-offset:2px}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-png{background-color:#3b82f6;color:#fff}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-png:hover{background-color:#2563eb}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-jpg{background-color:#10b981;color:#fff}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-jpg:hover{background-color:#059669}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-pdf{background-color:#f59e0b;color:#fff}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn.chart-export-pdf:hover{background-color:#d97706}@media(max-width:768px){.gutengrow-dynamic-chart{margin:1rem 0}.gutengrow-dynamic-chart .chart-wrapper{border-radius:6px;padding:1rem}.gutengrow-dynamic-chart .chart-title{font-size:1.25rem;margin-bottom:1rem}.gutengrow-dynamic-chart .chart-export-controls{flex-direction:column;gap:.5rem}.gutengrow-dynamic-chart .chart-export-controls .chart-export-btn{justify-content:center;width:100%}}@media(max-width:480px){.gutengrow-dynamic-chart .chart-wrapper{padding:.75rem}.gutengrow-dynamic-chart .chart-title{font-size:1.125rem}.gutengrow-dynamic-chart .chart-export-controls{margin-top:1rem;padding-top:.75rem}}@media(prefers-color-scheme:dark){.gutengrow-dynamic-chart .chart-wrapper{background:#1f2937;box-shadow:0 2px 10px rgba(0,0,0,.3)}.gutengrow-dynamic-chart .chart-wrapper:hover{box-shadow:0 4px 20px rgba(0,0,0,.4)}.gutengrow-dynamic-chart .chart-title{color:#f9fafb}.gutengrow-dynamic-chart .chart-export-controls{border-top-color:#374151}}@media print{.gutengrow-dynamic-chart .chart-wrapper{border:1px solid #e5e7eb;box-shadow:none}.gutengrow-dynamic-chart .chart-export-controls{display:none}.gutengrow-dynamic-chart .chart-container{page-break-inside:avoid}}@media(prefers-contrast:high){.gutengrow-dynamic-chart .chart-wrapper{border:2px solid #000}.gutengrow-dynamic-chart .chart-export-btn{border:2px solid #000;font-weight:700}}@media(prefers-reduced-motion:reduce){.gutengrow-dynamic-chart .chart-export-btn,.gutengrow-dynamic-chart .chart-wrapper{transition:none}.gutengrow-dynamic-chart .chart-export-btn:hover{transform:none}}.gutengrow-dynamic-chart.loading .chart-container{align-items:center;display:flex;justify-content:center;min-height:200px;position:relative}.gutengrow-dynamic-chart.loading .chart-container:before{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:40px;position:absolute;width:40px}.gutengrow-dynamic-chart.loading .chart-container:after{color:#6b7280;content:"Loading chart...";font-size:.875rem;left:50%;margin-top:1rem;position:absolute;top:60%;transform:translateX(-50%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gutengrow-dynamic-chart.error .chart-container{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-weight:500;justify-content:center;min-height:200px}.gutengrow-dynamic-chart.error .chart-container:before{content:"⚠️";font-size:1.25rem;margin-right:.5rem}.gutengrow-dynamic-chart .chart-container:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.gutengrow-dynamic-chart[data-chart-type=doughnut] .chart-container,.gutengrow-dynamic-chart[data-chart-type=pie] .chart-container{margin:0 auto;max-width:500px}.gutengrow-dynamic-chart[data-chart-type=polarArea] .chart-container,.gutengrow-dynamic-chart[data-chart-type=radar] .chart-container{margin:0 auto;max-width:600px}.gutengrow-dynamic-chart.chart-updating .chart-container{opacity:.7;transition:opacity .3s ease}.gutengrow-dynamic-chart.chart-updated .chart-container{opacity:1}