@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4a6cf7;text-decoration:inherit;transition:color .2s}a:hover{color:#3a5ce4}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;height:100%;display:block;font-family:Roboto,sans-serif}h1{font-size:3.2em;line-height:1.1;letter-spacing:-.02em;font-weight:700}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Roboto,sans-serif;background-color:#4a6cf7;color:#fff;cursor:pointer;transition:all .2s ease}button:hover{background-color:#3a5ce4;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}button:focus,button:focus-visible{outline:3px solid rgba(74,108,247,.25)}button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{--primary: #4a6cf7;--primary-dark: #3a5ce4;--primary-light: #eaefff;--secondary: #f5f7ff;--text-dark: #333;--text-medium: #555;--text-light: #777;--white: #ffffff;--success: #22c55e;--warning: #f59e0b;--danger: #dc2626;--border-radius: 8px;--box-shadow: 0 4px 15px rgba(0, 0, 0, .08);--transition: all .3s ease;--border-color: #eaeaea;--card-bg: #ffffff;--hover-bg: #f9fafb}body{background-color:#f9fafb;color:var(--text-dark);line-height:1.6;font-weight:400;letter-spacing:.01em}#root{width:100%;display:block}.landing-page{width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;color:var(--text-dark);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem}h3{font-size:clamp(1.2rem,3vw,1.8rem)}p{margin-bottom:1rem;color:var(--text-light)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-weight:600;transition:var(--transition);padding:.8rem 1.5rem;border-radius:var(--border-radius);border:none}section{padding:5rem 1rem}.section-subtitle{font-size:1.1rem;max-width:700px;margin:0 auto 3rem;text-align:center;color:var(--text-light)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:var(--white);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.logo-container{display:flex;align-items:center;text-decoration:none}.logo-image{height:40px;width:auto;transition:transform .2s ease}.logo-favicon{height:40px;width:40px;transition:transform .2s ease}.logo-container:hover .logo-image,.logo-container:hover .logo-favicon{transform:scale(1.05)}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}nav ul{display:flex;list-style:none;align-items:center}nav ul li{margin-left:2rem}nav ul li a{color:var(--text-dark);font-weight:500;font-size:.95rem;transition:color .2s}nav ul li a:hover{color:var(--primary)}.login-btn{background-color:transparent;color:var(--primary);border:1px solid var(--primary);padding:.5rem 1.2rem;border-radius:var(--border-radius);font-weight:500;letter-spacing:.02em;font-size:.95rem}.login-btn:hover{background-color:var(--primary);color:var(--white)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer}.mobile-menu-btn span{width:100%;height:2px;background-color:var(--text-dark);transition:var(--transition)}.hero{padding:5rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#f5f7ff,#e8ecff);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;right:-5%;width:40%;height:70%;background:radial-gradient(circle,#4a6cf71a,#fff0 70%);border-radius:50%;z-index:1}.hero:after{content:"";position:absolute;bottom:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,#4a6cf714,#fff0 70%);border-radius:50%;z-index:1}.hero-content{max-width:600px;position:relative;z-index:2}.hero h1{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;color:#1a202c}.hero p{font-size:1.2rem;margin-bottom:2.5rem;color:#4a5568;line-height:1.6}.highlight{color:var(--primary);position:relative;font-weight:700}.highlight:after{content:"";position:absolute;bottom:0;left:0;height:30%;width:100%;background-color:#4a6cf726;z-index:-1;border-radius:2px}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.primary-btn{background-color:var(--primary);color:var(--white);padding:.8rem 1.8rem;border-radius:8px;font-weight:600;letter-spacing:.01em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a6cf740}.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 16px #4a6cf74d}.primary-btn:active{transform:translateY(-1px)}.secondary-btn{background-color:transparent;color:var(--primary);padding:.8rem 1.8rem;border-radius:8px;border:2px solid var(--primary);font-weight:600;letter-spacing:.01em;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.secondary-btn:hover{background-color:#4a6cf714;transform:translateY(-3px);box-shadow:0 4px 12px #4a6cf726}.hero-image{position:relative;z-index:2}.dashboard-preview{width:100%;height:320px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400" fill="none"><rect width="600" height="400" rx="10" fill="%234A6CF7" opacity="0.1"/><rect x="40" y="40" width="520" height="60" rx="6" fill="white"/><rect x="60" y="60" width="100" height="20" rx="4" fill="%234A6CF7" opacity="0.6"/><rect x="200" y="60" width="80" height="20" rx="4" fill="%234A6CF7" opacity="0.3"/><rect x="320" y="60" width="80" height="20" rx="4" fill="%234A6CF7" opacity="0.3"/><rect x="440" y="60" width="80" height="20" rx="4" fill="%234A6CF7" opacity="0.3"/><rect x="40" y="120" width="250" height="240" rx="6" fill="white"/><rect x="60" y="140" width="210" height="20" rx="4" fill="%234A6CF7" opacity="0.6"/><rect x="60" y="180" width="210" height="160" rx="4" fill="%234A6CF7" opacity="0.1"/><rect x="80" y="200" width="40" height="120" rx="4" fill="%234A6CF7"/><rect x="140" y="240" width="40" height="80" rx="4" fill="%234A6CF7"/><rect x="200" y="220" width="40" height="100" rx="4" fill="%234A6CF7"/><rect x="310" y="120" width="250" height="240" rx="6" fill="white"/><rect x="330" y="140" width="210" height="20" rx="4" fill="%234A6CF7" opacity="0.6"/><circle cx="435" cy="260" r="100" fill="%234A6CF7" opacity="0.1"/><path d="M435 180C405 180 380 205 380 235C380 265 405 290 435 290C465 290 490 265 490 235C490 205 465 180 435 180Z" fill="%234A6CF7" opacity="0.15"/><path d="M435 200C415 200 400 215 400 235C400 255 415 270 435 270C455 270 470 255 470 235C470 215 455 200 435 200Z" fill="%234A6CF7" opacity="0.25"/><path d="M435 220C425 220 415 225 415 235C415 245 425 250 435 250C445 250 455 245 455 235C455 225 445 220 435 220Z" fill="%234A6CF7"/></svg>');background-size:cover;background-position:center;border-radius:12px;box-shadow:0 20px 40px #00000026;transform:perspective(800px) rotateY(-5deg) rotateX(5deg);transition:all .5s ease}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:3rem 5%;background-color:var(--white);text-align:center}.stat-item h3{font-size:2.5rem;color:var(--primary);margin-bottom:.5rem}.stat-item p{font-weight:500;color:var(--text-dark)}.features{background-color:var(--secondary);text-align:center;padding:5rem 5%}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--white);padding:2.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);height:100%}.feature-card:hover{transform:translateY(-10px)}.feature-icon{width:70px;height:70px;margin:0 auto 1.5rem;background-color:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card h3{margin-bottom:1rem;color:var(--primary)}.solutions{padding:5rem 5%;text-align:center}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.solution-card{padding:2rem;border-radius:var(--border-radius);border:1px solid #eee;transition:var(--transition)}.solution-card:hover{border-color:var(--primary);box-shadow:var(--box-shadow)}.solution-card h3{color:var(--primary);margin-bottom:1rem}.testimonials{background-color:var(--secondary);padding:5rem 5%;text-align:center}.testimonial-slider{max-width:800px;margin:2rem auto 0}.testimonial{background-color:var(--white);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.testimonial p{font-size:1.2rem;font-style:italic;margin-bottom:1.5rem}.testimonial-author{display:flex;flex-direction:column;align-items:center}.testimonial-author strong{color:var(--text-dark);margin-bottom:.2rem}.testimonial-author span{color:var(--text-light);font-size:.9rem}.pricing{padding:5rem 5%;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition);position:relative;border:1px solid #eee}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.popular{border-color:var(--primary)}.popular-tag{position:absolute;top:0;right:0;background-color:var(--primary);color:var(--white);padding:.5rem 1rem;font-size:.8rem;font-weight:700;border-bottom-left-radius:var(--border-radius)}.pricing-header{padding:2rem;background-color:#f9f9f9;border-bottom:1px solid #eee}.price{font-size:2.5rem;font-weight:700;color:var(--primary);margin:1rem 0}.price span{font-size:1rem;color:var(--text-light)}.pricing-features{padding:2rem;list-style:none;text-align:left}.pricing-features li{margin-bottom:.8rem;color:var(--text-light);position:relative;padding-left:1.5rem}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.pricing-btn{width:80%;margin:0 auto 2rem;display:block;background-color:var(--primary);color:var(--white)}.pricing-btn:hover{background-color:var(--primary-dark)}.contact{background-color:var(--secondary);padding:5rem 5%;text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact h2{margin-bottom:1rem}.contact p{margin-bottom:2rem}.contact form{display:flex;box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden}.contact input{flex:1;padding:1rem;border:none;outline:none;font-size:1rem}.contact button{padding:1rem 1.5rem;background-color:var(--primary);color:var(--white);border:none;font-weight:700}.contact button:hover{background-color:var(--primary-dark)}footer{background-color:#1f2937;color:var(--white);padding:4rem 5% 2rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;max-width:1200px;margin:0 auto}.footer-logo p{color:#d1d5db;margin-top:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{color:var(--white);margin-bottom:1.5rem;font-size:1.1rem}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:.8rem}.footer-column ul li a{color:#d1d5db}.footer-column ul li a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid #374151}.footer-social{display:flex;gap:1rem}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#374151;border-radius:50%;transition:var(--transition)}.social-icon:hover{background-color:var(--primary)}@media (max-width: 992px){.hero{grid-template-columns:1fr;text-align:center}.hero-content{margin:0 auto}.cta-buttons{justify-content:center}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){nav ul{display:none}.mobile-menu-btn{display:flex}.stats{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem}.pricing-grid,.solutions-grid,.feature-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (max-width: 480px){.stats,.footer-links{grid-template-columns:1fr}.contact form{flex-direction:column}.contact input{width:100%;border-radius:var(--border-radius) var(--border-radius) 0 0}.contact button{width:100%;border-radius:0 0 var(--border-radius) var(--border-radius)}}.auth-form-container{max-width:450px;width:100%;margin:0 auto;padding:2.5rem;background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a}.auth-form-container h2{margin-bottom:1.5rem;text-align:center;color:#333;font-weight:700}.auth-error{background-color:#ffebee;color:#d32f2f;padding:12px;border-radius:5px;margin-bottom:20px;text-align:center;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-weight:500;color:#555;font-size:.95rem}.form-group input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#4a6cf7;outline:none;box-shadow:0 0 0 3px #4a6cf71a}.auth-button{margin-top:.5rem;padding:.85rem 1rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.auth-button:hover{background-color:#3a5ce4}.auth-button:disabled{background-color:#a4b0e0;cursor:not-allowed}.auth-links{margin-top:1.5rem;text-align:center;font-size:.9rem}.auth-links p{margin-bottom:.5rem}.auth-links a{color:#4a6cf7;text-decoration:none;font-weight:500;transition:color .3s}.auth-links a:hover{color:#3a5ce4;text-decoration:underline}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7ff,#e8ecff);padding:2rem}.auth-tabs{display:flex;justify-content:center;margin-bottom:2rem}.auth-tab{padding:.8rem 1.5rem;font-weight:600;cursor:pointer;background:transparent;border:none;color:#777;transition:color .3s}.auth-tab.active{color:#4a6cf7;border-bottom:2px solid #4a6cf7}.auth-tab:hover{color:#4a6cf7}.data-source-upload{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;margin-bottom:2rem}.upload-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #eaeaea}.tab-btn{display:flex;align-items:center;background:none;border:none;padding:.8rem 1.5rem;color:#666;font-size:1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab-btn svg{margin-right:.8rem}.tab-btn:hover{color:#4a6cf7}.tab-btn.active{color:#4a6cf7;border-bottom-color:#4a6cf7}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#444;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a6cf7}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.file-upload-container{position:relative}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-box{border:2px dashed #ddd;border-radius:4px;padding:2rem;text-align:center;color:#666;transition:all .3s}.file-upload-box:hover{border-color:#4a6cf7;color:#4a6cf7}.file-upload-box p{margin:1rem 0 .5rem;font-weight:500}.file-type-info{display:block;font-size:.9rem;color:#888;margin-top:.5rem}.selected-file{margin-top:1rem;background-color:#f5f7ff;border-radius:4px;padding:.8rem;display:flex;align-items:center;justify-content:space-between}.remove-file-btn{background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;transition:color .3s}.remove-file-btn:hover{color:#ff5e5b}.file-preview{margin-top:1.5rem;border:1px solid #eaeaea;border-radius:4px;overflow:hidden}.file-preview h4{background-color:#f5f7fa;margin:0;padding:.8rem 1rem;border-bottom:1px solid #eaeaea}.preview-table-container{overflow-x:auto;max-height:300px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{border:1px solid #eaeaea;padding:.8rem;text-align:left}.preview-table th{background-color:#f5f7fa;font-weight:500}.preview-table tr:nth-child(2n){background-color:#f9f9f9}.connection-info{display:flex;align-items:flex-start;background-color:#f5f7ff;border-radius:4px;padding:1rem;margin-top:1rem}.connection-info svg{margin-right:1rem;flex-shrink:0;color:#4a6cf7}.connection-info p{margin:0;font-size:.9rem;color:#666}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.submit-btn{display:flex;align-items:center;padding:.8rem 1.5rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background-color:#3a5cdd}.submit-btn:disabled{background-color:#a5b4f3;cursor:not-allowed}.submit-btn svg{margin-right:.5rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.error-message{background-color:#fff0f0;color:#e53e3e;border-left:3px solid #e53e3e;padding:.8rem 1rem;margin-bottom:1.5rem;border-radius:4px}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.upload-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-left:2px solid transparent;text-align:left}.tab-btn.active{border-bottom-color:transparent;border-left-color:#4a6cf7;background-color:#f5f7ff}}.data-source-list{margin-bottom:2rem}.list-title{margin-bottom:1.5rem;color:#333;font-size:1.25rem}.data-source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.data-source-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .3s,box-shadow .3s}.data-source-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f5f7ff;border-bottom:1px solid #eaeaea}.source-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#4a6cf7;border-radius:8px;color:#fff}.card-actions{display:flex;gap:.5rem;position:relative;z-index:10}.card-action-btn{background:none;border:none;width:36px;height:36px;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease-in-out;opacity:.85;background-color:#f8f8f8b3;box-shadow:0 1px 3px #0000000d}.card-action-btn svg{fill:currentColor;width:20px;height:20px;transition:transform .2s ease}.card-action-btn:hover{background-color:#fee2e2;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.card-action-btn:hover svg{transform:scale(1.1)}.card-action-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.data-source-card:hover .card-action-btn{opacity:1;background-color:#f0f0f0}.card-content{padding:1rem;cursor:pointer}.source-name{margin-top:0;margin-bottom:.5rem;color:#333;font-size:1.1rem}.source-description{margin-top:0;margin-bottom:1rem;color:#666;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.source-type{font-size:.85rem;color:#666;background-color:#f5f7fa;padding:.3rem .6rem;border-radius:4px}.source-status{font-size:.85rem;padding:.3rem .6rem;border-radius:4px}.source-status[data-status=active]{background-color:#e3fcef;color:#0e9f6e}.source-status[data-status=inactive]{background-color:#f9fafb;color:#6b7280}.source-status[data-status=error]{background-color:#fdf2f2;color:#e02424}.schema-info{margin-top:1rem;font-size:.85rem;color:#666}.data-source-list.loading,.data-source-list.error,.data-source-list.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.loading-circle{width:40px;height:40px;border:3px solid rgba(74,108,247,.2);border-top-color:#4a6cf7;border-radius:50%;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}.data-source-list.error svg,.data-source-list.empty svg{color:#888;margin-bottom:1rem}.retry-btn{margin-top:1rem;padding:.6rem 1.2rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-btn:hover{background-color:#3a5cdd}.refresh-btn{display:flex;align-items:center;margin-left:auto;padding:.6rem 1.2rem;background-color:#f5f7fa;color:#666;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.refresh-btn:hover{background-color:#e9ecef}.refresh-btn svg{margin-right:.5rem}.template-help{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #17a2b8}.template-help p{margin-bottom:8px;font-size:.9rem;color:#495057}.template-btn{background-color:#17a2b8;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.template-btn:hover{background-color:#138496}.error-message{margin-bottom:15px;padding:10px 12px;background-color:#f8d7da;border-radius:4px;color:#721c24;border-left:3px solid #dc3545}.upload-progress-container{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:5px;border-left:3px solid #28a745}.upload-status{font-size:.9rem;margin-bottom:10px;color:#495057;font-weight:500}.progress-bar-container{height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#28a745;border-radius:5px;transition:width .3s ease}.progress-percentage{text-align:right;margin-top:5px;font-size:.8rem;color:#6c757d}.analytics-panel{display:flex;flex-direction:column;height:100%;width:100%;padding:20px;background-color:#f9fafb;overflow:hidden}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;border-bottom:1px solid #e6e9f0;margin-bottom:20px}.analytics-header h2{font-size:1.5rem;font-weight:500;color:#2c3e50;margin:0;letter-spacing:-.01em}.analytics-content{display:flex;flex-direction:column;gap:24px;flex:1;overflow:hidden}.data-source-info{font-size:14px;color:#667085;font-weight:400}.query-interface{display:flex;flex-direction:column;border-radius:8px;border:1px solid #eaeaea;overflow:hidden;box-shadow:0 2px 8px #0000000d;height:550px}.chat-container{flex:1;padding:16px;max-height:none;overflow-y:auto;background-color:#f9fafb}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:#666;height:100%}.empty-chat svg{margin-bottom:16px;color:#ccc}.empty-chat ul{list-style:none;padding:0;text-align:left;width:100%;max-width:400px}.empty-chat li{margin:8px 0;padding:8px 12px;border-radius:4px;background-color:#f3f4f6;cursor:pointer;transition:background-color .2s}.empty-chat li:hover{background-color:#e5e7eb}.chat-messages{display:flex;flex-direction:column;gap:16px;overflow-x:hidden}.chat-message{display:flex;gap:12px;max-width:90%}.user-message{align-self:flex-end;flex-direction:row-reverse}.system-message,.error-message{align-self:flex-start}.message-avatar{flex-shrink:0}.avatar{width:32px;height:32px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:700}.user-message .avatar{background-color:#2563eb;color:#fff}.system-message .avatar{background-color:#10b981;color:#fff}.error-message .avatar{background-color:#ef4444;color:#fff}.message-content{background-color:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001a;word-break:break-word;overflow-wrap:break-word}.user-message .message-content{background-color:#2563eb;color:#fff}.system-message .message-content{background-color:#fff}.error-message .message-content{background-color:#fef2f2;border:1px solid #fee2e2}.error-message .error{color:#b91c1c}.message-content p{margin:0 0 8px;color:#fff}.system-message .message-content p{margin:0 0 8px;color:#000}.message-content p:last-child{margin-bottom:0}.query-suggestions{padding:8px 12px;border-top:1px solid #eaeaea;background-color:#f9fafb}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chips button{padding:6px 12px;border:1px solid #d1d5db;border-radius:16px;background-color:#fff;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s}.suggestion-chips button:hover{background-color:#f3f4f6;border-color:#9ca3af}.results-table{margin-top:12px;overflow-x:auto;max-width:100%}.results-table table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:6px 8px;text-align:left;border:1px solid #e5e7eb;font-size:13px}.results-table th{background-color:#f3f4f6;font-weight:600}.sql-query{margin-top:8px;font-size:12px}.sql-query summary{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block}.sql-query code{display:block;background-color:#f3f4f6;padding:8px;border-radius:4px;margin-top:4px;overflow-x:auto}.query-form{display:flex;padding:12px;border-top:1px solid #eaeaea;background-color:#fff}.query-form input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:24px;outline:none;transition:border-color .2s}.query-form input:focus{border-color:#2563eb}.send-btn{margin-left:8px;padding:0;width:40px;height:40px;border-radius:50%;background-color:#2563eb;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.send-btn:hover{background-color:#1d4ed8}.send-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.send-btn svg{width:20px;height:20px}.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.visualization-section{display:flex;flex-direction:column;border-radius:8px;border:1px solid #eaeaea;box-shadow:0 2px 8px #0000000d;background-color:#fff;overflow:hidden}.visualization-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #eaeaea}.visualization-types{display:flex;gap:8px}.visualization-types button{padding:6px 12px;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.visualization-types button.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.export-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid #e5e7eb;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.export-btn:hover{background-color:#f3f4f6}.export-btn:disabled{opacity:.5;cursor:not-allowed}.data-visualization{flex:1;padding:16px;overflow:hidden;width:100%}.chart{width:100%;max-width:100%;height:auto;position:relative}.chart h3{margin-top:0;margin-bottom:16px;font-size:16px;color:#1f2937}.chart-placeholder{background-color:#f9fafb;border-radius:8px;padding:16px;min-height:240px;display:flex;align-items:center;justify-content:center}.bar-chart-placeholder{width:100%;display:flex;flex-direction:column;gap:12px}.bar-container{display:flex;align-items:center;gap:12px}.bar-label{width:120px;text-align:right;font-size:14px;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-wrapper{flex:1;display:flex;align-items:center;height:24px}.bar{height:24px;background-color:#2563eb;border-radius:4px}.bar-value{margin-left:8px;font-size:14px;font-weight:500}.pie-chart-placeholder{display:flex;gap:24px;width:100%}.pie{width:160px;height:160px}.pie-legend{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-color{width:16px;height:16px;border-radius:4px}.legend-label{flex:1}.legend-value{font-weight:500}.line-chart-placeholder{width:100%}.line-graph{width:100%;height:200px;background-color:#fff;padding:16px;border-radius:4px}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px 16px;text-align:left;border:1px solid #e5e7eb}.data-table th{background-color:#f3f4f6;font-weight:600}.data-table tr:nth-child(2n){background-color:#f9fafb}.visualization-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid rgba(37,99,235,.2);border-radius:50%;border-top-color:#2563eb;animation:spin 1s linear infinite;margin-bottom:16px}.visualization-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#b91c1c;text-align:center}.visualization-error svg{color:#ef4444;margin-bottom:12px}.visualization-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:#9ca3af;text-align:center}.visualization-placeholder svg{margin-bottom:16px}.export-notification{position:fixed;bottom:24px;right:24px;background-color:#047857;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease-out}.export-notification a{color:#fff;text-decoration:underline}.export-notification button{padding:4px 8px;background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-content{height:calc(100vh - 64px);overflow:auto}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;background-color:#f9fafb}.chat-title h3{margin:0;font-size:1rem;color:#333}.llm-provider-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.llm-provider-selector label{color:#666}.provider-dropdown{position:relative;display:flex;align-items:center}.provider-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.3rem 1.5rem .3rem .5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:.85rem;cursor:pointer;min-width:90px;color:#333;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.provider-dropdown select:focus{outline:none;border-color:#4a6cf7}.provider-dropdown select:disabled{opacity:.7;cursor:not-allowed}.provider-loading-indicator{position:absolute;right:-20px;width:14px;height:14px;border:2px solid rgba(74,108,247,.3);border-top-color:#4a6cf7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-message{margin:.5rem 0;padding:.5rem;text-align:center;background-color:#f5f7ff;border-radius:4px;font-size:.85rem}.notification-content p{margin:0;color:#4a6cf7}.message-visualization{margin-top:16px;border-radius:8px;overflow:hidden;background-color:#f9fafb;padding:16px;width:100%;max-width:100%}.chart-container{position:relative;width:100%;height:100%;min-height:240px;border-radius:10px;background-color:#fff;padding:16px;box-shadow:0 2px 10px #0000000f;overflow:hidden}.chart-container svg{font-family:Roboto,sans-serif;max-width:100%;height:auto}.chart-container .bar{transition:opacity .2s}.chart-container .bar:hover{opacity:.8}.chart-container .dot{transition:r .2s}.chart-container .dot:hover{r:7}.chart-container text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;color:#333}.chart-container .axis-label{font-weight:500;font-size:12px}.chart-container .chart-title{font-weight:600;font-size:14px}.chart-container path.line{fill:none;stroke-width:2px}.chart-container .arc:hover path{opacity:.85}.chartjs-tooltip{z-index:1000}.chartjs-tooltip{background-color:#000000bf;border-radius:4px;color:#fff;padding:6px 10px;font-size:13px}.d3-chart-container{position:relative;width:100%;height:100%;background-color:#fff;border-radius:8px;overflow:visible}.d3-chart-container svg{width:100%;height:100%;font-family:Roboto,sans-serif;overflow:visible}.d3-chart-container text{font-family:Roboto,sans-serif;font-size:12px;fill:#64748b}.d3-chart-container .axis path,.d3-chart-container .tick line{stroke:#e2e8f0;stroke-width:1}.d3-chart-container .domain{stroke:#cbd5e1;stroke-width:1}.d3-chart-container .tick line{opacity:.5}.visualization-loading .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin:10px auto}.table-container{width:100%;overflow-x:auto;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:8px 12px;border:1px solid #e6e9f0;text-align:left}.data-table th{background-color:#f7f9fc;font-weight:600;color:#2c3e50}.data-table tr:nth-child(2n){background-color:#f7fafc}.data-table tr:hover{background-color:#f0f7ff}.visualization-chart-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative;padding:12px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s ease}.visualization-chart-container:hover{box-shadow:0 4px 16px #0000001a}.visualization-table-container{width:100%;height:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;background-color:#fff;box-shadow:0 2px 8px #0000000f;padding:4px}.visualization-table{width:100%;border-collapse:collapse;font-size:.9rem;font-family:Roboto,sans-serif}.visualization-table th{background-color:#f9fafb;padding:12px 16px;text-align:left;font-weight:500;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.9rem}.visualization-table td{padding:10px 16px;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.875rem}.visualization-table tr:hover{background-color:#f9fafb}.visualization-error{color:#dc2626;text-align:center;padding:20px;border:1px dashed #dc2626;border-radius:8px;margin:10px 0;font-family:Roboto,sans-serif;background-color:#fef2f2}@media (max-width: 768px){.analytics-panel{padding:12px}.visualization-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.visualization-types{flex-wrap:wrap;justify-content:flex-start;width:100%}.export-btn{width:100%}}@media (max-width: 480px){.chart-container,.d3-chart-container{padding:8px}}.dashboard-layout{display:flex;min-height:100vh;background-color:#f5f7fa}.sidebar{width:250px;background-color:#fff;box-shadow:1px 0 5px #0000000d;transition:width .3s ease;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10;overflow-y:auto}.sidebar.closed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header .logo-container{overflow:hidden;display:flex;align-items:center;text-decoration:none}.sidebar-header .logo-image{height:32px;width:auto;filter:brightness(1.1)}.sidebar-header .logo-favicon{height:36px;width:36px;filter:brightness(1.1)}.sidebar-header .logo{color:#fff;font-size:1.25rem;font-weight:600;margin:0;white-space:nowrap}.sidebar.closed .sidebar-header .logo{display:none}.sidebar-toggle{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .3s}.sidebar-toggle:hover{background-color:#f5f5f5}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.sidebar-nav li{margin-bottom:.5rem;width:100%}.sidebar-nav a{display:flex;align-items:center;padding:.8rem 1.5rem;color:#666;text-decoration:none;transition:all .3s;width:100%}.sidebar-nav a:hover{background-color:#f5f7ff;color:#4a6cf7}.sidebar-nav li.active a{background-color:#eef1ff;color:#4a6cf7;border-left:3px solid #4a6cf7}.sidebar-nav a svg{margin-right:1rem;flex-shrink:0}.sidebar.closed .sidebar-nav a span{display:none}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #f0f0f0}.logout-btn{display:flex;align-items:center;width:100%;padding:.8rem;background-color:transparent;border:1px solid #f0f0f0;border-radius:5px;color:#666;cursor:pointer;transition:all .3s}.logout-btn:hover{background-color:#ff5e5b;color:#fff;border-color:#ff5e5b}.logout-btn svg{margin-right:.8rem}.sidebar.closed .logout-btn span{display:none}.sidebar.closed .logout-btn svg{margin-right:0}.dashboard-main{flex:1;margin-left:250px;transition:margin-left .3s ease}.sidebar.closed~.dashboard-main{margin-left:70px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:5}.header-search{display:flex;align-items:center;background-color:#f5f7fa;border-radius:5px;padding:.5rem 1rem;max-width:400px;width:100%}.header-search input{border:none;background:none;flex:1;padding:.5rem;font-size:.9rem;color:#666}.header-search input:focus{outline:none}.header-search button{background:none;border:none;color:#666;cursor:pointer}.header-user{display:flex;align-items:center;gap:1.5rem}.notifications{position:relative;color:#666;cursor:pointer}.badge{position:absolute;top:-5px;right:-5px;background-color:#ff5e5b;color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:.8rem;cursor:pointer}.avatar{width:36px;height:36px;background-color:#4a6cf7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.dashboard-content{padding:2rem}.dashboard-content h1{margin-bottom:2rem;color:#333}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;margin-bottom:2rem}.dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{text-align:center}.stat-card h3{color:#666;font-size:1rem;margin-bottom:.8rem}.stat{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.trend{font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.trend.positive{color:#28a745}.trend.negative{color:#dc3545}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card h3{margin-bottom:1.5rem;color:#555}.chart-placeholder{background-color:#f9f9f9;border-radius:5px;height:300px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:#999;font-style:italic}.activity-list{list-style:none;padding:0}.activity-list li{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f0f0}.activity-list li:last-child{border-bottom:none}.activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.green{background-color:#28a7451a;color:#28a745}.activity-icon.blue{background-color:#007bff1a;color:#007bff}.activity-icon.orange{background-color:#ff99001a;color:#f90}.activity-content p{margin:0 0 .3rem;color:#333}.activity-content span{font-size:.8rem;color:#999}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}@media (max-width: 992px){.sidebar{width:70px}.sidebar-header .logo,.sidebar-nav a span,.logout-btn span{display:none}.logout-btn svg{margin-right:0}.dashboard-main{margin-left:70px}.dashboard-charts{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-overview{grid-template-columns:repeat(2,1fr)}.dashboard-header{padding:1rem}.header-search{max-width:200px}.user-profile span{display:none}}@media (max-width: 576px){.sidebar{position:fixed;left:-70px}.sidebar.open{left:0}.dashboard-main{margin-left:0}.dashboard-overview{grid-template-columns:1fr}.dashboard-content{padding:1rem}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h1{margin:0}.action-btn{display:flex;align-items:center;padding:.7rem 1.2rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.action-btn:hover{background-color:#3a5cdd}.data-source-details{margin-top:2rem;padding:1.5rem}.data-source-details h2{margin-top:0;margin-bottom:1rem;color:#333}.data-source-details p{color:#666;margin-bottom:1.5rem}.schema-details h3{margin-top:0;margin-bottom:1rem;color:#444;font-size:1.1rem}.schema-table{width:100%;border-collapse:collapse}.schema-table th,.schema-table td{padding:.8rem;text-align:left;border-bottom:1px solid #eaeaea}.schema-table th{font-weight:500;color:#444;background-color:#f5f7fa}.schema-table tr:last-child td{border-bottom:none}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem}.coming-soon svg{color:#4a6cf7;margin-bottom:1.5rem}.coming-soon h1{margin-bottom:1rem;color:#333}.coming-soon p{color:#666;font-size:1.1rem;margin-top:1rem;text-align:center}.analytics-container{height:100%;width:100%}.select-data-source{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;text-align:center;height:100%;color:#6b7280}.select-data-source svg{color:#d1d5db;margin-bottom:24px}.select-data-source h3{margin:0 0 12px;font-size:20px;color:#374151}.select-data-source p{margin:0 0 24px;max-width:400px}.select-source-btn{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.select-source-btn:hover{background-color:#1e40af}.settings-container{padding:1rem;max-width:800px}.settings-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 5px #0000000d}.settings-section h2{font-size:1.2rem;margin-bottom:1.5rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;margin-bottom:.5rem;font-weight:500}.setting-item p.description{font-size:.9rem;color:#666;margin-bottom:.75rem}.provider-selector{display:flex;gap:1rem;margin-top:.5rem}.provider-option{border:2px solid #eee;border-radius:6px;padding:1rem;width:150px;cursor:pointer;transition:all .2s ease;text-align:center}.provider-option:hover{border-color:#d0d0d0}.provider-option.selected{border-color:#4a6cf7;background-color:#f5f7ff}.provider-option .provider-icon{height:40px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.provider-option .provider-name{font-weight:500}.save-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:.6rem 1.2rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#3a57e2}.save-button:disabled{background-color:#d0d0d0;cursor:not-allowed}.status-message{margin-top:1rem;padding:.5rem;border-radius:4px}.status-message.success{background-color:#e7f7ed;color:#1a7d44}.status-message.error{background-color:#fbeaea;color:#d93025}.nlp-settings{display:flex;flex-direction:column;gap:2rem}.data-source-select{padding:.5rem;border-radius:4px;border:1px solid #e0e0e0;width:100%;max-width:400px;margin-bottom:1rem;font-size:.9rem}.form-group{margin-bottom:1rem}.settings-summary{margin-top:1.5rem;background-color:#f8f9fa;padding:1rem;border-radius:8px}.settings-summary h3{font-size:1.1rem;margin-bottom:.75rem;color:#333}.summary-table{display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;align-items:center}.summary-label{font-weight:500;min-width:150px}.summary-value{color:#555}.summary-indent{margin-left:1rem}.insights-panel{display:flex;flex-direction:column;height:100%;background-color:#f7f9fc;border-radius:10px;box-shadow:0 3px 10px #00000014;overflow:hidden;max-width:100%;overflow-x:hidden;width:100%}.insights-header{padding:16px 24px;background-color:#fff;border-bottom:1px solid #e6e9f0;display:flex;justify-content:space-between;align-items:center}.insights-header h2{margin:0;font-size:1.4rem;font-weight:500;color:#2c3e50;letter-spacing:-.01em}.data-source-info{display:flex;align-items:center;font-size:.9rem;color:#5e6c84}.data-source-info strong{margin-left:4px;color:#2684ff}.data-source-selector{display:flex;align-items:center;margin:0 1rem}.data-source-selector select{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;font-size:.9rem;color:#4b5563;min-width:180px}.data-source-selector select:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 2px #2684ff33}.select-data-source{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background-color:#fff;border-radius:8px;margin:20px auto;max-width:500px}.select-data-source svg{color:#d1d5db;margin-bottom:16px}.select-data-source h3{margin:0 0 8px;color:#374151}.select-data-source p{margin:0;color:#6b7280}.insights-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;width:100%}.insight-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:20px;display:flex;flex-direction:column;min-height:300px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid #eef1f6;width:100%;max-width:100%}.insight-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;border-color:#dfe4ee}.insight-card h3{margin:0 0 8px;font-size:1.15rem;font-weight:500;color:#2c3e50;letter-spacing:-.01em}.insight-card p{margin:0 0 12px;font-size:.9rem;color:#5e6c84;line-height:1.5}.insight-chart{flex:1;height:250px;min-height:250px;max-height:none;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-top:12px;background-color:#fcfcfd;border-radius:8px;transition:box-shadow .2s ease;width:100%}.insight-chart:hover{box-shadow:0 2px 8px #0000000a}.summary-stats{display:flex;justify-content:space-between;margin-top:15px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:70px;padding:10px;border-radius:6px;background-color:#f1f5f9}.stat-value{font-size:1.4rem;font-weight:700;color:#2684ff;margin-bottom:4px}.stat-label{font-size:.8rem;color:#5e6c84}.insights-panel.loading,.insights-panel.error,.insights-panel.no-data{justify-content:center;align-items:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#2684ff;border-radius:50%;animation:spinner .8s linear infinite;margin-bottom:20px}@keyframes spinner{to{transform:rotate(360deg)}}.error-message,.no-data-message{max-width:400px}.error-message h3,.no-data-message h3{color:#e53e3e;margin-bottom:10px}.no-data-message h3{color:#3182ce}.error-message p,.no-data-message p{margin-bottom:20px;color:#4a5568}.error-message button{padding:8px 16px;background-color:#2684ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message button:hover{background-color:#1a56db}.no-insights{grid-column:1 / -1;text-align:center;padding:40px 0;color:#5e6c84}.suggestions-section{grid-column:1 / -1;margin-bottom:20px;width:100%;overflow-x:hidden}.section-title{font-size:1.2rem;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e6e9f0}.suggestions-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#5e6c84}.loading-spinner.small{width:20px;height:20px;margin:0 10px 0 0}.suggestion-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;overflow-x:hidden}.suggestion-card{background-color:#fff;border-left:4px solid #2684ff;width:100%;max-width:100%}.suggestion-chart{flex:1;height:160px;max-height:160px;overflow:hidden;position:relative;width:100%}.no-suggestions{text-align:center;padding:20px;color:#5e6c84;font-style:italic}.insights-separator{grid-column:1 / -1;margin:10px 0 20px}@media (max-width: 768px){.insights-content{grid-template-columns:1fr;padding:16px}.insight-card{min-height:280px;padding:16px}.insight-chart{height:230px;min-height:230px}.insights-header{flex-direction:column;align-items:flex-start}.data-source-info{margin-top:8px}.insight-card,.suggestion-card{min-width:0}}.insight-card-container,.suggestion-card-container{display:flex;flex-direction:column;margin-bottom:15px}.insight-card-header,.suggestion-card-header{margin-bottom:5px}.insight-card-header h3,.suggestion-card-header h3{margin:0 0 5px;font-size:1.1rem;color:#2c3e50}.insight-card-header p,.suggestion-card-header p{margin:0 0 10px;font-size:.9rem;color:#5e6c84;line-height:1.4}.insight-chart.full-height,.suggestion-chart.full-height{flex:1;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.maximize-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;background-color:#fffc;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.7;cursor:pointer;transition:opacity .2s;z-index:2}.maximize-icon:hover{opacity:1}.chart-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.chart-modal-content{background-color:#fff;border-radius:8px;width:85%;height:85%;max-width:1200px;max-height:800px;padding:20px;position:relative;display:flex;flex-direction:column}.chart-modal-content h3{margin:0 0 5px;font-size:1.3rem;color:#2c3e50}.chart-modal-content p{margin-bottom:15px;font-size:.95rem;color:#5e6c84}.chart-modal-visualization{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;overflow:hidden}.close-modal-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-modal-btn:hover{background-color:#0000001a}.insight-chart>div,.suggestion-chart>div,.chart-modal-visualization>div{width:100%!important;max-width:100%!important;overflow:hidden!important}