:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root,.app{width:100%;min-height:100vh}.hero-section{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#fff;color:#667eea}.btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.btn-primary-light{background-color:#667eea;color:#fff}.btn-primary-light:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.btn-primary-light:focus{outline:none;box-shadow:0 0 0 3px #667eea33,0 4px 12px #667eea40}.btn-primary-light:active{transform:translateY(0)}.btn-secondary-light{background-color:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary-light:hover{background-color:#667eea0d;transform:translateY(-2px)}.btn-secondary-light:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.btn-secondary-light:active{transform:translateY(0)}.btn-primary-light:disabled,.btn-secondary-light:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.hero-note{font-size:.9rem;opacity:.9}.upload-section{padding:60px 20px;background-color:#f8f9fa}.upload-content{max-width:800px;margin:0 auto;text-align:center}.upload-text{font-size:1.25rem;color:#495057;margin-bottom:2rem}.upload-placeholder{min-height:200px;border:2px dashed #d1d5db;border-radius:12px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;outline:none}.upload-placeholder:hover{border-color:#667eea;background-color:#f8f9ff;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.upload-placeholder:focus{border-color:#667eea;background-color:#f8f9ff;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea26;outline:none}.upload-placeholder.upload-dragging{border-color:#667eea;background-color:#e8ebff;border-style:solid;box-shadow:0 4px 12px #667eea33}.upload-placeholder.upload-placeholder-dimmed{border-color:#d1d5db;background-color:#f9fafb;opacity:.6}.upload-placeholder.upload-placeholder-dimmed:hover{border-color:#9ca3af;background-color:#f3f4f6;opacity:.8;box-shadow:0 2px 6px #0000000d;transform:none}.upload-placeholder.upload-disabled{cursor:not-allowed;opacity:.6}.upload-zone-content{text-align:center;padding:2rem}.upload-zone-icon{margin-bottom:1rem;color:#9ca3af;display:flex;justify-content:center;align-items:center;transition:color .3s ease}.upload-placeholder:hover .upload-zone-icon{color:#667eea}.upload-placeholder.upload-placeholder-dimmed .upload-zone-icon{color:#9ca3af}.upload-zone-text{font-size:1.1rem;color:#495057;margin-bottom:.5rem;font-weight:500}.upload-zone-hint{font-size:.9rem;color:#6c757d;margin-bottom:1.5rem}.upload-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.upload-loading{color:#667eea;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-loading p{margin:0}.upload-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-status-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.upload-status-idle{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.upload-status-loading{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.upload-status-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.upload-status-icon{font-size:1.25rem}.upload-status-text{flex:1}.upload-status-button{margin-left:auto;padding:.5rem 1rem;background-color:#16a34a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-status-button:hover{background-color:#15803d;transform:translateY(-1px);box-shadow:0 2px 4px #16a34a33}.upload-status-button:active{transform:translateY(0);box-shadow:0 1px 2px #16a34a33}.upload-error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#991b1b;font-size:.95rem}.upload-error-banner strong{display:block;margin-bottom:.25rem;font-weight:600}.upload-warning-banner{background-color:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#92400e;font-size:.95rem}.upload-warning-banner strong{display:block;margin-bottom:.25rem;font-weight:600}.upload-placeholder.upload-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.message-section{max-width:800px;margin:0 auto;padding:20px}.message-error{background-color:#fee;border:1px solid #fcc;border-left:4px solid #dc3545;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#721c24}.message-warning{background-color:#fff3cd;border:1px solid #ffc107;border-left:4px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#856404}.message-error strong,.message-warning strong{display:block;margin-bottom:.5rem}.dashboard-section{padding:60px 20px;background-color:#fff}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-placeholder{min-height:400px;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;color:#6c757d;font-size:1.1rem;padding:2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.placeholder-title{font-size:1.5rem;font-weight:600;color:#495057;margin-bottom:.75rem}.placeholder-text{font-size:1rem;color:#6c757d;line-height:1.6;max-width:500px}.dashboard-skeleton{padding:2rem}.skeleton-header{height:2rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:2rem;max-width:300px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skeleton-chart{height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:12px;border:1px solid #e9ecef}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dataset-info{background-color:#f8f9fa;border-radius:12px;padding:2rem}.dataset-stats{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.dataset-stats p{font-size:1.1rem;color:#495057;margin:0}.dataset-columns{margin-bottom:2rem}.dataset-columns h3{font-size:1.3rem;margin-bottom:1rem;color:#212529}.columns-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.columns-list li{padding:.5rem;background-color:#fff;border-radius:6px;border:1px solid #dee2e6;color:#495057}.column-type{color:#6c757d;font-size:.9rem;font-style:italic}.dataset-preview{margin-top:2rem}.dataset-preview h3{font-size:1.3rem;margin-bottom:1rem;color:#212529}.preview-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #dee2e6}.preview-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:.9rem}.preview-table thead{background-color:#667eea;color:#fff}.preview-table th{padding:.75rem;text-align:left;font-weight:600;border-right:1px solid rgba(255,255,255,.2)}.preview-table th:last-child{border-right:none}.preview-table th.sortable-header{position:relative}.preview-table th.sortable-header:hover{background-color:#ffffff1a!important}.preview-table tbody tr{border-bottom:1px solid #dee2e6}.preview-table tbody tr:last-child{border-bottom:none}.preview-table tbody tr:hover{background-color:#f8f9fa}.preview-table td{padding:.75rem;color:#495057}.insights-panel{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #dee2e6}.insights-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#212529}.insights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.insight-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fff;border-radius:8px;border-left:4px solid #667eea;transition:all .2s ease}.insight-item:hover{box-shadow:0 2px 8px #0000001a;transform:translate(4px)}.insight-icon{font-size:1.25rem;flex-shrink:0;line-height:1.5}.insight-text{flex:1;font-size:1rem;line-height:1.6;color:#495057;border-right:1px solid #e9ecef}.preview-table td:last-child{border-right:none}.marketing-section{padding:80px 20px;background-color:#f8f9fa}.marketing-content{max-width:1200px;margin:0 auto}.marketing-block{margin-bottom:60px}.marketing-block:last-child{margin-bottom:0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#212529}.marketing-text{font-size:1.1rem;line-height:1.8;color:#495057;text-align:center;max-width:800px;margin:0 auto}.features-list{list-style:none;max-width:700px;margin:0 auto}.features-list li{padding:12px 0 12px 30px;position:relative;font-size:1.1rem;color:#495057;line-height:1.6}.features-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.3rem}.target-audience{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.audience-item{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.audience-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.audience-item h3{font-size:1.5rem;margin-bottom:1rem;color:#212529}.audience-item p{color:#6c757d;line-height:1.6}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.advantage-item{text-align:center;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.advantage-item h3{font-size:1.5rem;margin-bottom:.5rem;color:#667eea}.advantage-item p{color:#6c757d;line-height:1.6}.faq-section{padding:80px 20px;background-color:#fff}.faq-content{max-width:900px;margin:0 auto}.faq-list{margin-top:3rem}.faq-item{margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.faq-question{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#212529}.faq-answer{font-size:1rem;line-height:1.7;color:#495057}.footer-section{padding:60px 20px 30px;background-color:#212529;color:#fff}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-info{margin-bottom:2rem}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-description{color:#fffc;font-size:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-link{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-copyright{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.9rem}.dashboard-filters-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.reset-text-desktop{display:none}@media (min-width: 640px){.reset-text-desktop{display:inline}}@media (max-width: 768px){.dashboard-filters-container{flex-direction:column;align-items:stretch}.dashboard-filters-container>div{width:100%;max-width:100%!important}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.target-audience,.advantages-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}}.language-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;gap:.5rem;background-color:#fffffff2;padding:.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.language-toggle-btn{padding:.5rem 1rem;border:2px solid transparent;border-radius:.25rem;background-color:transparent;color:#667eea;cursor:pointer;font-weight:400;transition:all .2s;font-size:.875rem;font-family:inherit}.language-toggle-btn:hover{background-color:#667eea1a}.language-toggle-btn-active{border:2px solid #667eea;background-color:#667eea;color:#fff;font-weight:700}.language-toggle-btn-active:hover{background-color:#5568d3}