:root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent: #2563eb;--primary: #2563eb;--accent-light: #dbeafe;--success: #059669;--success-light: #d1fae5;--danger: #dc2626;--danger-light: #fee2e2;--gold: #b8860b;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 12px rgba(0,0,0,.08);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[dir=rtl] body,html[dir=rtl]{font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container button{padding:10px 20px;background:var(--text-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem}.error-container button:hover{background:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-message{font-size:.875rem;color:var(--text-muted);max-width:300px;margin-bottom:20px}.empty-state-action{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.empty-state-action:hover{background:#1d4ed8}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text.lg{height:2em;width:60%}.skeleton-text.sm{height:.75em;width:40%}.nav-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:100}.nav-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px}.nav-brand{display:flex;align-items:center;gap:10px}.nav-brand-icon{color:#3b82f6}.nav-brand-text{font-family:DM Sans,Inter,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;color:#1e3a5f;letter-spacing:-.02em}.data-source-select{appearance:none;-webkit-appearance:none;background:transparent;border:none;color:#3b82f6;font-family:inherit;font-size:inherit;font-weight:500;cursor:pointer;padding:2px 20px 2px 6px;margin-left:4px;border-radius:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:background-color .15s ease}.data-source-select:hover{background-color:#3b82f614}.data-source-select:focus{outline:none;background-color:#3b82f61f}.data-source-select option{color:#1e3a5f;background:#fff;font-weight:500}.data-source-select option:disabled{color:#94a3b8}.nav-links{display:flex;gap:8px}.nav-link{color:var(--text-secondary);text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid transparent}.nav-link svg{flex-shrink:0;opacity:.7}.nav-link:hover{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.nav-link:hover svg{opacity:1}.nav-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-link.active svg{opacity:1}.nav-lang-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid var(--border);color:var(--text-muted);min-width:44px;letter-spacing:.02em}.nav-lang-toggle:hover{background:var(--surface);color:var(--text-primary);border-color:var(--primary)}.nav-lang-toggle:active{transform:scale(.96)}html[dir=rtl] .nav-lang-toggle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.offline-badge{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #fcd34d}.offline-badge svg{opacity:.8}.nav-refresh-btn{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid var(--border);color:var(--text-muted)}.nav-refresh-btn:hover{background:var(--surface);color:var(--text-primary);border-color:var(--primary)}.nav-refresh-btn:active{transform:scale(.96)}.nav-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.nav-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.dashboard,.comparison{padding:32px;max-width:1400px;margin:0 auto;overflow-x:hidden}.page-title{margin-bottom:32px}.page-title h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px;color:var(--text-primary)}.page-title p{color:var(--text-secondary);font-size:.9375rem}.page-title-with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.page-title-with-actions .page-title{margin-bottom:0}.toggle-with-label{display:flex;align-items:center;gap:8px;margin-top:6px}.toggle-with-label .toggle-text{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.header-toggles{display:flex;align-items:center;gap:24px;margin-top:6px}.header-toggles .toggle-with-label{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);padding:28px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-card h3{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.stat-change{font-size:.875rem;font-weight:600;margin-top:6px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.chart-card{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);position:relative}.toggle-corner{position:absolute;top:20px;right:20px;z-index:1}.chart-card.full-width{grid-column:1 / -1}.chart-card.half-width{grid-column:span 1}.chart-card h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.chart-card-header h2{margin:0}.chart-card-actions{display:flex;gap:8px;align-items:center}.chart-container{height:380px;position:relative}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9375rem}table th{font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:14px 12px;text-align:right;border-bottom:2px solid var(--border)}table th:first-child{text-align:left}table td{padding:14px 12px;text-align:right;border-bottom:1px solid var(--border);color:var(--text-secondary)}table td:first-child{text-align:left}table tbody tr:hover{background:var(--bg)}.bold{font-weight:700;color:var(--text-primary)}.muted{color:var(--text-muted)}.primary{color:var(--accent);font-weight:600}.purple{color:#7c3aed;font-weight:600}.positive{color:var(--success);font-weight:600}.negative{color:var(--danger);font-weight:600}.controls{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:32px}.controls-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.controls-header h3{margin:0}.controls-header-actions{display:flex;align-items:center;gap:8px}.controls h3{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.controls-reset{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.controls-reset:hover{border-color:var(--danger);color:var(--danger)}.controls-toggle{display:none;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:4px 8px}.controls-body{margin-top:16px}.control-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.control-group select,.control-group input[type=date]{padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:.9375rem;background:var(--surface);color:var(--text-primary);min-width:160px}.control-group select:focus,.control-group input[type=date]:focus{outline:none;border-color:var(--accent)}.period-display{background:var(--bg);padding:16px;border-radius:8px;margin-top:16px;display:flex;gap:32px}.period-box .label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.period-box .dates{font-size:.875rem;color:var(--text-primary);font-weight:500}.period-display-banner{display:flex;align-items:center;justify-content:center;gap:32px;background:var(--bg);padding:24px 40px;border-radius:12px;margin-bottom:28px}.period-display-banner .period-box{text-align:center;min-width:200px}.period-display-banner .period-box.prev{color:var(--text-secondary)}.period-display-banner .period-box.curr{color:var(--text-primary)}.period-display-banner .period-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.period-display-banner .period-value{font-size:1.75rem;font-weight:700;margin-bottom:4px}.period-display-banner .period-dates{font-size:.9375rem;color:var(--text-secondary)}.period-display-banner .period-vs{font-size:1rem;font-weight:600;color:var(--text-muted);padding:0 12px}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metric-card{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.metric-card h4{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.metric-values{display:flex;align-items:center;justify-content:space-between;gap:14px}.metric-period{text-align:center}.metric-period .year{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.metric-period .value{font-size:1.25rem;font-weight:700}.metric-period.previous .value{color:var(--text-muted)}.metric-period.current .value{color:var(--text-primary)}.metric-change{text-align:center;padding:8px 12px;border-radius:8px;min-width:80px}.metric-change .pct{font-size:.9375rem;font-weight:700}.metric-change .abs{font-size:.75rem;opacity:.9}.metric-change.positive{background:var(--success-light);color:var(--success)}.metric-change.negative{background:var(--danger-light);color:var(--danger)}.metric-change.pending{background:var(--muted-light, #f1f5f9);color:var(--text-muted, #64748b)}.metric-change .pending-msg{font-size:11px;font-style:italic;text-align:center;line-height:1.3}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chart-header h2{margin:0}.chart-selectors{display:flex;gap:8px}.chart-metric-selector{display:flex;gap:2px;background:var(--bg);padding:2px;border-radius:6px}.toggle-switch{display:flex;background:var(--border);padding:2px;border-radius:6px;gap:1px}.toggle-switch button{border:none;background:transparent;color:var(--text-muted);padding:4px 10px;border-radius:5px;font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-switch button:hover:not(.active){color:var(--text-secondary);background:#00000008}.toggle-switch button.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.chart-metric-selector button{border:none;background:transparent;color:var(--text-muted);padding:4px 10px;border-radius:5px;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .2s}.chart-metric-selector button:hover{color:var(--text-primary);background:#0000000d}.chart-metric-selector button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0000001a;font-weight:600}.charts-carousel{margin-bottom:32px}.chart-selectors-inline{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:12px}.chart-selectors-inline .chart-metric-selector{flex-wrap:wrap}.chart-selectors-inline .chart-metric-selector button{padding:4px 8px;font-size:.6875rem}.carousel{outline:none}.carousel:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}.carousel-container{position:relative;margin:0 -6px}.carousel-viewport{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.carousel-slide{min-width:100%;max-width:100%;flex-shrink:0;padding:0 6px;box-sizing:border-box;overflow:hidden}.carousel-slide .chart-section,.carousel-slide .metric-card,.carousel-slide .stat-card,.carousel-slide .chart-card{width:100%;margin:0;box-shadow:none;border:1px solid var(--border);background:var(--surface)}.carousel-slide .chart-section .chart-container,.carousel-slide .chart-card .chart-container{height:240px}.carousel-arrow{display:none}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:20px;padding:8px 0}.carousel-dot{background:var(--border);border:none;width:8px;height:8px;border-radius:4px;padding:0;cursor:pointer;transition:all .3s ease}.carousel-dot .dot-label{display:none}.carousel-dot:hover{background:var(--text-muted)}.carousel-dot.active{background:var(--primary);width:24px}.carousel-dots.labeled{gap:8px}.carousel-dots.labeled .carousel-dot{width:auto;height:auto;padding:8px 16px;border-radius:20px;background:var(--bg);border:1px solid var(--border)}.carousel-dots.labeled .carousel-dot .dot-label{display:inline;font-size:.75rem;color:var(--text-muted);font-weight:500}.carousel-dots.labeled .carousel-dot:hover{border-color:var(--primary);background:var(--bg)}.carousel-dots.labeled .carousel-dot.active{width:auto;background:var(--primary);border-color:var(--primary)}.carousel-dots.labeled .carousel-dot.active .dot-label{color:#fff}.chart-section{background:var(--surface);padding:20px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px}.carousel-slide .chart-section{margin-bottom:0;padding:16px;overflow:hidden}.carousel-slide .chart-section .chart-header{flex-direction:row!important;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.carousel-slide .chart-section .chart-header h2{font-size:.8125rem;white-space:nowrap;margin:0}.carousel-slide .chart-section .chart-header .chart-metric-selector{flex-shrink:0}.carousel-slide .chart-section .chart-container,.carousel-slide .chart-card .chart-container{width:100%;overflow:hidden}.chart-section h2{font-size:.875rem;font-weight:600;margin-bottom:20px}.chart-section .chart-container{height:380px}.mobile-only{display:none}.desktop-only{display:grid}.stats-carousel,.cards-carousel{margin-bottom:32px}.cards-carousel .carousel-dots{flex-wrap:wrap}.cards-carousel .carousel-dot{padding:6px 10px}.cards-carousel .dot-label{font-size:.6875rem}@media(max-width:1024px){.stats-grid,.comparison-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}.mobile-nav{display:none}@media(max-width:768px){.nav-links{display:none}.nav-bar{padding:12px 16px;height:auto}.nav-content{justify-content:center}.nav-brand-text{font-size:1rem}.nav-brand-icon{width:18px;height:18px}.data-source-select{font-size:.9rem;padding:2px 18px 2px 4px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);text-decoration:none;font-size:.65rem;font-weight:600;border-radius:12px;transition:all .2s;cursor:pointer}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary);background:#2563eb14}.mobile-nav-item.active svg{stroke-width:2.5}.dashboard,.comparison{padding-bottom:80px}.data-source-toggle{margin-left:8px;padding:2px}.data-source-toggle button{padding:4px 8px;font-size:.6875rem}.mobile-only{display:block}.desktop-only{display:none}.controls-toggle{display:block}.controls.collapsed .controls-body{display:none}.controls.collapsed{padding:16px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-selectors{flex-wrap:wrap;width:100%}.chart-metric-selector{flex-wrap:wrap}.carousel-arrow{width:28px;height:28px;font-size:1rem;opacity:.8}.carousel-arrow.prev{left:4px}.carousel-arrow.next{right:4px}.carousel-dots{gap:4px;flex-wrap:wrap}.carousel-dot{padding:6px 10px}.carousel-dot .dot-label{font-size:.6875rem}.control-row{flex-direction:column;align-items:stretch}.control-group{width:100%}.control-group select,.control-group input[type=date]{width:100%;min-width:unset}.period-display{flex-direction:column;gap:12px}.metric-card{padding:16px}.metric-values{flex-direction:row;gap:8px}.metric-period .value{font-size:1rem}.metric-change{padding:4px 8px;min-width:60px}.metric-change .pct{font-size:.75rem}.metric-change .abs{font-size:.5625rem}}@media(max-width:640px){.dashboard,.comparison{padding:12px}.stats-grid,.comparison-grid{grid-template-columns:1fr}.page-title{margin-bottom:20px}.page-title h1{font-size:1.25rem}.page-title p{font-size:.75rem}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.chart-section{padding:12px}.chart-section h2{font-size:.875rem;margin-bottom:12px}.chart-metric-selector button{padding:5px 8px;font-size:.625rem}.controls{padding:12px}.carousel-arrow{width:24px;height:24px;font-size:.875rem}.carousel-arrow.prev{left:2px}.carousel-arrow.next{right:2px}}@media(max-width:400px){.nav-bar{padding:6px 8px}.nav-brand{font-size:.875rem}.nav-link{padding:4px 6px;font-size:.6875rem}.data-source-toggle button{padding:3px 6px;font-size:.625rem}.carousel-dot{padding:4px 6px}.carousel-dot .dot-label{font-size:.5625rem}}.slides-builder{padding:24px;max-width:1400px;margin:0 auto}.slides-toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary)}.slides-workspace{display:grid;grid-template-columns:280px 1fr;gap:24px;min-height:600px}.slides-list{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border)}.slides-list h3{font-size:14px;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.empty-slides{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-slides button{margin-top:16px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.slides-thumbnails{display:flex;flex-direction:column;gap:8px}.slide-thumbnail{display:grid;grid-template-columns:32px 32px 1fr auto;align-items:center;gap:8px;padding:12px;background:var(--bg-primary);border-radius:8px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.slide-thumbnail:hover{border-color:var(--border)}.slide-thumbnail.active{border-color:var(--accent);background:#3b82f60d}.slide-thumbnail .slide-number{width:24px;height:24px;background:var(--bg-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.slide-thumbnail .slide-icon{font-size:18px}.slide-thumbnail .slide-title-preview{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-thumbnail .slide-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.slide-thumbnail:hover .slide-actions{opacity:1}.slide-actions button{width:24px;height:24px;border:none;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary)}.slide-actions button:hover{background:var(--border)}.slide-actions button.delete:hover{background:#fee2e2;color:#dc2626}.slide-editor{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border)}.editor-section{margin-bottom:20px}.editor-section label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.editor-section input[type=text],.editor-section input[type=date],.editor-section select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.editor-section input:focus,.editor-section select:focus{outline:none;border-color:var(--accent)}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chart-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid var(--border);border-radius:10px;background:var(--bg-primary);cursor:pointer;transition:all .15s ease}.chart-type-btn:hover{border-color:var(--accent)}.chart-type-btn.active{border-color:var(--accent);background:#3b82f60d}.chart-type-btn .chart-icon{font-size:24px}.chart-type-btn span:last-child{font-size:12px;font-weight:500;color:var(--text-secondary)}.slide-preview-box{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.slide-preview-box h4{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:16px}.preview-chart{background:var(--bg-primary);border-radius:8px;padding:16px;height:200px}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-kpi{background:var(--bg-primary);border-radius:8px;padding:16px;text-align:center}.preview-kpi .kpi-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.preview-kpi .kpi-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.preview-fullscreen{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b);z-index:1000;display:flex;flex-direction:column}.preview-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.preview-title{color:#f8fafc;font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.preview-content{width:100%;max-width:900px}.preview-content .preview-chart{height:350px;background:#ffffff08;border-radius:16px;padding:30px}.preview-content .preview-kpis .preview-kpi{background:#ffffff0d;padding:30px}.preview-content .preview-kpis .kpi-value{font-size:2.5rem}.preview-content .preview-kpis .kpi-label{color:#94a3b8}.preview-footer{color:#64748b;font-size:14px;margin-top:40px}.preview-controls{display:flex;justify-content:center;gap:12px;padding:20px;background:#0000004d}.preview-controls button{padding:10px 24px;background:#ffffff1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.preview-controls button:hover:not(:disabled){background:#fff3}.preview-controls button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.slides-workspace{grid-template-columns:1fr}.slides-list{max-height:200px;overflow-y:auto}.editor-row{grid-template-columns:1fr}.chart-type-grid{grid-template-columns:repeat(4,1fr)}.preview-slide{padding:30px}.preview-title{font-size:1.5rem}}.exportable-chart-wrapper{position:relative;display:flex;flex-direction:column;height:100%}.chart-header-with-export{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding-right:44px}html[dir=rtl] .chart-header-with-export{padding-right:0;padding-left:44px}.chart-header-with-export h2{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3}.chart-header-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.exportable-chart{position:relative;flex:1;min-height:0}.exportable-chart.chart-container{flex:none;height:380px}.chart-export-btn,.chart-export-btn.visible{position:absolute!important;top:0!important;right:0!important;left:auto!important;z-index:10;width:32px;height:32px;min-width:32px;border:none;background:var(--bg);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s ease,color .15s ease;flex-shrink:0}html[dir=rtl] .chart-export-btn,html[dir=rtl] .chart-export-btn.visible{right:auto!important;left:0!important}.chart-export-btn:hover{background:var(--border);color:var(--text-primary)}.chart-export-btn.visible{opacity:1}.chart-canvas-wrapper{width:100%;height:100%}.chart-canvas-wrapper,.chart-canvas-wrapper canvas,.chart-container canvas,.exportable-chart canvas{direction:ltr!important;text-align:left!important}