@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.dashboard{animation:fadeIn .5s ease}.dashboard-hero{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:24px;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em}.hero-title .gradient-text{background:linear-gradient(135deg,#fff,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:#ffffffb3;max-width:600px;margin:0 auto}.hero-cta{margin-top:1.5rem;padding:1rem;background:#6366f133;border-radius:12px;display:inline-block}.hero-cta p{color:#ffffffe6;font-size:.9rem}.tip-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid rgba(139,92,246,.3);border-radius:16px;margin-bottom:2rem;animation:fadeIn .5s ease .2s both}.tip-icon{font-size:2rem;flex-shrink:0}.tip-content{flex:1}.tip-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#fff}.tip-content p{font-size:.9rem;color:#ffffffb3}.tip-action{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tip-action:hover{transform:translate(4px);box-shadow:0 4px 12px #8b5cf666}.ai-insights-section{background:linear-gradient(135deg,#06b6d41a,#6366f114);border:1px solid rgba(6,182,212,.2);border-radius:20px;padding:1.5rem;margin-bottom:2rem}.insights-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.insights-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#6366f1);border-radius:12px}.insights-title h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.insights-title p{font-size:.85rem;color:#fff9}.insights-grid{display:flex;flex-direction:column;gap:.75rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#ffffff0a;border-radius:12px;border-left:3px solid transparent;animation:fadeIn .4s ease both;transition:all .2s ease}.insight-card:hover{background:#ffffff12}.insight-card.insight-opportunity{border-left-color:#8b5cf6}.insight-card.insight-success{border-left-color:#10b981}.insight-card.insight-warning{border-left-color:#f59e0b}.insight-card.insight-info{border-left-color:#06b6d4}.insight-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.insight-content{flex:1}.insight-content h4{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem}.insight-content p{font-size:.85rem;color:#ffffffb3;line-height:1.5}.insight-action{flex-shrink:0;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;align-self:center}.insight-action:hover{background:#ffffff26;transform:translate(2px)}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3}.stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}.stat-label{font-size:.875rem;color:#fff9}.stat-arrow{font-size:1.25rem;color:#fff6;transition:all .2s ease}.stat-card:hover .stat-arrow{color:#fffc;transform:translate(4px)}.dashboard-section{margin-bottom:2.5rem}.section-header{margin-bottom:1.25rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.25rem}.section-header p{color:#fff9;font-size:.9rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quick-action-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;animation:fadeIn .5s ease both;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity .2s ease}.quick-action-card:hover{background:#ffffff14;transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 32px #0003}.quick-action-card:hover:before{opacity:1}.action-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:12px;margin-bottom:1rem}.action-icon{font-size:1.5rem}.action-content{flex:1}.action-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.action-content p{font-size:.825rem;color:#fff9}.action-arrow{position:absolute;bottom:1rem;right:1rem;font-size:1.25rem;color:#ffffff4d;transition:all .2s ease}.quick-action-card:hover .action-arrow{color:var(--accent-color);transform:translate(4px)}.workflow-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;overflow-x:auto}.workflow-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:700px}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;flex:1;max-width:180px;position:relative;transition:all .2s ease}.workflow-step:hover{background:#ffffff14;transform:translateY(-4px)}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.step-icon{font-size:2rem;margin-bottom:.75rem}.step-content h3{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.step-content p{font-size:.75rem;color:#fff9;line-height:1.4}.workflow-connector{display:flex;align-items:center;flex-shrink:0}.connector-line{width:20px;height:2px;background:linear-gradient(90deg,#6366f180,#8b5cf680)}.connector-arrow{color:#8b5cf6b3;font-size:1rem}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.recent-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem}.recent-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.recent-header h3{font-size:.9rem;font-weight:600;color:#ffffffe6}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:10px;cursor:pointer;transition:all .2s ease}.recent-item:hover{background:#ffffff14}.recent-item-info{flex:1}.recent-name{font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.125rem}.recent-meta{font-size:.75rem;color:#ffffff80;display:flex;align-items:center;gap:.5rem}.enriched-badge{background:linear-gradient(135deg,#8b5cf64d,#6366f133);padding:.125rem .5rem;border-radius:4px;font-size:.7rem}.model-score{background:#06b6d433;padding:.125rem .5rem;border-radius:4px}.recent-arrow{color:#ffffff4d;font-size:.875rem;transition:all .2s ease}.recent-item:hover .recent-arrow{color:#fffc;transform:translate(4px)}.features-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.feature-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-align:center;transition:all .2s ease}.feature-card:hover{background:#ffffff0d;transform:translateY(-2px)}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.feature-card p{font-size:.825rem;color:#fff9;line-height:1.5}@media(max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.stats-section,.features-section{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero-title{font-size:1.75rem}.stats-section,.quick-actions-grid,.recent-grid,.features-section{grid-template-columns:1fr}.tip-card{flex-direction:column;text-align:center}.tip-action{margin-top:1rem}.insight-card{flex-direction:column;align-items:flex-start}.insight-action{align-self:flex-start;margin-top:.5rem}}.upload-dataset-page{max-width:900px;margin:0 auto;animation:fadeIn .4s ease}.back-btn:hover{background:#ffffff1f;border-color:#ffffff40}.page-title h1{color:#fff;font-size:1.75rem;margin:0;font-weight:700;letter-spacing:-.02em}.upload-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;padding:16px 24px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.step-indicator{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;transition:all .3s ease}.progress-step.active .step-indicator{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.progress-step span{font-size:.85rem;color:#fffc;font-weight:500}.progress-line{width:60px;height:2px;background:#ffffff1a;margin:0 12px}.auth-notice{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:14px 18px;color:#c4b5fd;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:.9rem}.notice-icon{font-size:1.1rem}.error-icon{font-size:1.1rem}.error-banner button{background:transparent;border:none;color:#fca5a5;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1;opacity:.7;transition:opacity .2s}.error-banner button:hover{opacity:1}.info-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:14px 18px;color:#86efac;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:.9rem}.info-banner code{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:.8rem;margin-left:4px}.upload-section{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.upload-dropzone{padding:60px 40px;background:#ffffff08;border:2px dashed rgba(255,255,255,.15);border-radius:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.upload-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);opacity:0;transition:opacity .3s ease}.upload-dropzone:hover{background:#ffffff0d;border-color:#6366f180}.upload-dropzone:hover:before{opacity:1}.upload-dropzone.drag-active{background:#6366f11a;border-color:#6366f1;border-style:solid;transform:scale(1.02)}.upload-dropzone.drag-active:before{opacity:1}.upload-dropzone.loading{pointer-events:none}.dropzone-icon{font-size:4rem;margin-bottom:16px;position:relative;z-index:1;transition:transform .3s ease}.upload-dropzone:hover .dropzone-icon{transform:translateY(-4px)}.upload-dropzone.drag-active .dropzone-icon{transform:scale(1.1)}.upload-dropzone h3{color:#fff;font-size:1.25rem;margin:0 0 8px;position:relative;z-index:1}.upload-dropzone p{color:#ffffff80;margin:0 0 20px;position:relative;z-index:1}.dropzone-formats{display:flex;justify-content:center;gap:8px;position:relative;z-index:1}.format-badge{background:#ffffff14;padding:4px 12px;border-radius:6px;font-size:.75rem;color:#ffffffb3;font-weight:500}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.upload-loading p{margin:0;color:#ffffffb3}.upload-tips{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.upload-tips h4{color:#ffffffe6;font-size:.9rem;margin:0 0 12px;font-weight:600}.upload-tips ul{list-style:none;padding:0;margin:0}.upload-tips li{color:#fff9;font-size:.825rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.4}.upload-tips li:last-child{border-bottom:none;padding-bottom:0}.upload-tips li strong{color:#ffffffd9}.configure-section{display:flex;flex-direction:column;gap:20px}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.config-card,.preview-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.card-header h3{color:#fff;font-size:1rem;margin:0;font-weight:600}.config-field{margin-bottom:18px}.config-field:last-child{margin-bottom:0}.config-field label{display:block;color:#fffc;font-size:.85rem;font-weight:500;margin-bottom:8px}.config-field label .optional{color:#fff6;font-weight:400}.config-field label .hint{color:#ffffff80;font-weight:400}.config-field input,.config-field select,.config-field textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;color:#fff;font-size:.9rem;transition:all .2s}.config-field input::placeholder,.config-field textarea::placeholder{color:#ffffff59}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:#6366f1;background:#6366f114;box-shadow:0 0 0 3px #6366f11a}.config-field select.selected{border-color:#10b98166;background:#10b98114}.config-field select option{background:#1e1b4b;color:#fff}.field-feedback{margin-top:8px;font-size:.8rem;display:flex;align-items:center;gap:8px}.field-feedback.success{color:#86efac}.field-feedback .warning{color:#fcd34d}.preview-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#fff9}.meta-item strong{color:#ffffffe6}.meta-divider{opacity:.3}.preview-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.preview-table{width:100%;border-collapse:collapse;font-size:.8rem}.preview-table th,.preview-table td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.preview-table th{background:#ffffff08;color:#ffffffb3;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.preview-table th .col-icon{margin-right:6px;font-size:.85rem}.col-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;font-size:.6rem;text-transform:uppercase;font-weight:600}.col-badge.date{background:#6366f14d;color:#a5b4fc}.col-badge.target{background:#10b9814d;color:#86efac}.preview-table td{color:#ffffffbf}.preview-table tbody tr:hover{background:#ffffff05}.more-cols{color:#fff6!important;font-style:italic}.preview-footer{text-align:center;padding:12px;font-size:.75rem;color:#fff6;border-top:1px solid rgba(255,255,255,.06)}.config-actions{display:flex;justify-content:space-between;gap:16px;padding-top:8px}.secondary-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;padding:14px 24px;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#ffffff1a;border-color:#ffffff40}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.saving-section{text-align:center;padding:60px 20px;max-width:480px;margin:0 auto}.saving-animation{position:relative;width:80px;height:80px;margin:0 auto 20px}.saving-circle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.saving-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.saving-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(99,102,241,.3);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.upload-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f133,#8b5cf61a);border:1px solid rgba(99,102,241,.4);padding:8px 18px;border-radius:30px;margin-bottom:14px;color:#a5b4fc;font-weight:600;font-size:.85rem}.u-pulse{width:8px;height:8px;background:#818cf8;border-radius:50%;animation:uPulse 1.5s ease-in-out infinite}@keyframes uPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.saving-section h3{color:#fff;font-size:1.25rem;margin:0 0 8px;font-weight:600}.saving-section p{color:#ffffff80;margin:0 0 16px;font-size:.9rem}.upload-progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;margin-bottom:18px;overflow:hidden}.u-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:3px;transition:width .4s ease}.upload-steps-list{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:18px}.upload-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:8px;transition:all .3s ease}.upload-step-item.pending{opacity:.4}.upload-step-item.active{background:#6366f11f;border:1px solid rgba(99,102,241,.3);opacity:1}.upload-step-item.done{opacity:.6}.upload-step-item.done .u-step-icon{background:#22c55e33;color:#4ade80}.u-step-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:.95rem;flex-shrink:0}.u-step-info{flex:1;min-width:0}.u-step-name{display:block;color:#fff;font-weight:500;font-size:.85rem}.u-step-detail{display:block;color:#ffffff80;font-size:.72rem}.u-mini-spinner{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:#a5b4fc;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.upload-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.u-meta-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 14px;border-radius:20px;color:#ffffffb3;font-size:.8rem}@media(max-width:768px){.upload-section,.config-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap}.page-title{order:-1;width:100%;margin-bottom:12px}.config-actions{flex-direction:column}.upload-progress{padding:12px 16px}.progress-line{width:30px;margin:0 8px}.progress-step span{display:none}}.my-datasets-page{max-width:1200px;margin:0 auto;animation:fadeIn .4s ease}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s;flex-shrink:0}.upload-new-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.upload-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.upload-new-btn span{font-size:1.2rem}.datasets-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 14px}.clear-search{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;padding:0 4px}.toolbar-right{display:flex;align-items:center;gap:12px}.sort-controls{display:flex;align-items:center;gap:4px}.sort-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;cursor:pointer}.sort-select option{background:#1e1b4b}.sort-order-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.sort-order-btn:hover{background:#ffffff1a}.view-toggle{display:flex;background:#ffffff0d;border-radius:8px;overflow:hidden}.view-btn{background:transparent;border:none;padding:8px 12px;color:#ffffff80;font-size:1rem;cursor:pointer;transition:all .2s}.view-btn.active{background:#ffffff1a;color:#fff}.error-banner button{background:none;border:none;color:#fca5a5;font-size:1.5rem;cursor:pointer;padding:0 4px}.circle.c3{top:-40px;right:-40px;bottom:-40px;left:-40px;animation-delay:1s}.empty-state h3{color:#fff;font-size:1.5rem;margin:0 0 8px;font-weight:600}.no-results{text-align:center;padding:60px 20px;background:#ffffff05;border-radius:16px}.no-results h3{color:#fff;font-size:1.2rem;margin:0 0 8px}.no-results p{color:#ffffff80;margin:0 0 20px}.datasets-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.datasets-container.list{display:flex;flex-direction:column;gap:12px}.dataset-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;animation:fadeIn .4s ease both}.dataset-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.dataset-card.list{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:24px;padding:16px 24px}.dataset-card.list .dataset-card-header{margin-bottom:0}.dataset-card.list .dataset-description{display:none}.dataset-card.list .dataset-meta{margin-bottom:0}.dataset-card.list .target-info{display:none}.dataset-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-title-row{display:flex;align-items:flex-start;gap:12px}.dataset-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border-radius:10px;font-size:1.25rem}.card-title-content h3{color:#fff;font-size:1.05rem;margin:0 0 2px;font-weight:600}.time-ago{font-size:.75rem;color:#fff6}.enriched-badge{background:linear-gradient(135deg,#8b5cf633,#a78bfa26);color:#c4b5fd;padding:5px 12px;border-radius:20px;font-size:.75rem;border:1px solid rgba(139,92,246,.25);display:flex;align-items:center;gap:4px;font-weight:500}.dataset-description{color:#ffffff8c;font-size:.85rem;margin:0 0 16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dataset-meta{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:10px}.meta-item{display:flex;align-items:center;gap:6px}.meta-item .meta-icon{font-size:.85rem;opacity:.7}.meta-item .meta-value{font-weight:600;color:#fff;font-size:.9rem}.meta-item .meta-label{color:#ffffff80;font-size:.8rem}.meta-item.enriched .meta-value{color:#c4b5fd}.target-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.15)}.target-label{color:#fff9;font-size:.8rem}.target-value{color:#86efac;font-size:.85rem;font-weight:500}.dataset-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 14px;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;border:1px solid}.action-btn.enrich{background:#8b5cf61f;color:#c4b5fd;border-color:#8b5cf640}.action-btn.enrich:hover{background:#8b5cf633;transform:translateY(-2px)}.action-btn.train{background:#6366f11f;color:#a5b4fc;border-color:#6366f140}.action-btn.train:hover{background:#6366f133;transform:translateY(-2px)}.action-btn.delete{flex:0;background:#ef444414;color:#fca5a5;border-color:#ef444433;padding:10px 14px}.action-btn.delete .btn-text{display:none}.delete-confirm{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0a28f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.confirm-content{text-align:center}.confirm-icon{font-size:2rem;display:block;margin-bottom:12px}.confirm-content p{color:#fff;font-size:1rem;margin:0 0 4px}.confirm-warning{color:#ffffff80;font-size:.8rem}.confirm-actions{display:flex;gap:10px}.cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}@media(max-width:768px){.page-header{flex-wrap:wrap}.page-title{order:-1;width:100%;margin-bottom:12px}.upload-new-btn{flex:1}.stats-bar{flex-wrap:wrap}.datasets-toolbar{flex-direction:column;gap:12px}.search-box{max-width:100%;width:100%}.toolbar-right{width:100%;justify-content:space-between}.datasets-container.grid{grid-template-columns:1fr}.datasets-container.list .dataset-card{grid-template-columns:1fr;gap:16px}.dataset-actions{flex-wrap:wrap}.action-btn{flex:1 1 45%}.action-btn.delete{flex:0 0 auto}}.enrich-dataset-page{max-width:1100px;margin:0 auto;animation:fadeIn .4s ease}.enrichment-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;padding:16px 24px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.progress-step{display:flex;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step.completed .step-indicator{background:linear-gradient(135deg,#10b981,#059669)}.step-indicator{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.progress-step.active .step-indicator{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.progress-step span:not(.step-indicator){font-size:.8rem;color:#ffffffb3;font-weight:500}.progress-line{width:40px;height:2px;background:#ffffff1a;margin:0 8px}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.error-content{display:flex;align-items:center;gap:10px;color:#fca5a5}.error-banner button{background:none;border:none;color:#fca5a5;font-size:1.4rem;cursor:pointer;padding:0 4px}.section-header{margin-bottom:24px}.section-header h2{color:#fff;margin:0 0 6px;font-size:1.4rem;font-weight:600}.section-desc{color:#fff9;margin:0;font-size:.95rem}.empty-state p{color:#fff9;margin:0 0 20px}.dataset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.dataset-option{display:flex;align-items:center;gap:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;cursor:pointer;transition:all .2s}.dataset-option:hover{background:#ffffff0f;border-color:#8b5cf666;transform:translateY(-2px)}.dataset-option.enriched{border-color:#8b5cf640}.dataset-option-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#6366f126);border-radius:12px;flex-shrink:0}.dataset-option-content{flex:1;min-width:0}.dataset-option-content h3{color:#fff;font-size:1rem;margin:0 0 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataset-option-meta{color:#ffffff80;font-size:.8rem;display:flex;align-items:center;gap:6px}.meta-dot{opacity:.5}.enriched-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#8b5cf633,#a78bfa26);color:#c4b5fd;padding:4px 10px;border-radius:20px;font-size:.7rem;margin-top:6px;font-weight:500}.dataset-option-arrow{color:#ffffff4d;font-size:1.2rem;transition:all .2s}.dataset-option:hover .dataset-option-arrow{color:#8b5cf6;transform:translate(4px)}.dataset-ready-section{display:flex;flex-direction:column;gap:24px}.selected-dataset-card{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid rgba(99,102,241,.25);border-radius:16px;padding:24px}.dataset-info{display:flex;align-items:center;gap:16px}.dataset-icon{font-size:2.5rem}.dataset-details{flex:1}.dataset-details h3{color:#fff;margin:0;font-size:1.1rem}.dataset-details p{color:#fff9;margin:4px 0 0;font-size:.85rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.detail-dot{opacity:.4}.detail-item.enriched{color:#c4b5fd}.change-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.change-btn:hover{background:#ffffff1f}.enriched-warning{margin-top:16px;padding:12px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;display:flex;align-items:center;gap:10px;color:#fcd34d;font-size:.85rem}.warning-icon{font-size:1.1rem}.enrich-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.info-icon{font-size:1.5rem}.info-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.info-steps{display:flex;flex-direction:column;gap:16px}.info-step{display:flex;align-items:flex-start;gap:14px}.info-step .step-number{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf64d,#6366f133);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c4b5fd;font-size:.75rem;font-weight:600;flex-shrink:0}.info-step strong{color:#fff;font-size:.9rem;display:block;margin-bottom:2px}.info-step p{color:#ffffff80;font-size:.8rem;margin:0}.action-section{text-align:center}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:10px}.primary-btn.large{padding:18px 36px;font-size:1.1rem}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-icon{font-size:1.2rem}.btn-arrow{transition:transform .2s}.primary-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.warning-text{color:#fcd34d;margin-top:12px;font-size:.9rem}.secondary-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#ffffff1f}.discovering-section{text-align:center;padding:60px 20px;max-width:520px;margin:0 auto}.discovery-animation{position:relative;width:120px;height:120px;margin:0 auto 24px}.discovery-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;animation:pulse-orb 2s ease-in-out infinite}.orb-inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#fff3;border-radius:50%}@keyframes pulse-orb{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.discovery-rings{position:absolute;top:0;right:0;bottom:0;left:0}.ring{position:absolute;border:2px solid rgba(139,92,246,.3);border-radius:50%;animation:expand-ring 3s linear infinite}.ring.r1{top:20px;right:20px;bottom:20px;left:20px;animation-delay:0s}.ai-agent-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8b5cf633,#6366f11a);border:1px solid rgba(139,92,246,.4);padding:8px 18px;border-radius:30px;margin-bottom:16px;color:#c4b5fd;font-weight:600;font-size:.85rem}.ai-agent-badge.green{background:linear-gradient(135deg,#10b98133,#22c55e1a);border-color:#10b98166;color:#6ee7b7}.agent-pulse{width:8px;height:8px;background:#a78bfa;border-radius:50%;animation:agentPulse 1.5s ease-in-out infinite}.agent-pulse.green{background:#10b981}@keyframes agentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.discovery-progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;margin:16px 0;overflow:hidden}.d-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);border-radius:3px;transition:width .5s ease}.discovery-steps-list{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:20px}.discovery-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:8px;transition:all .3s ease}.discovery-step-item.pending{opacity:.4}.discovery-step-item.active{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);opacity:1}.discovery-step-item.done{opacity:.6}.discovery-step-item.done .d-step-icon{background:#22c55e33;color:#4ade80}.d-step-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:.95rem;flex-shrink:0}.d-step-info{flex:1;min-width:0}.d-step-name{display:block;color:#fff;font-weight:500;font-size:.85rem}.d-step-detail{display:block;color:#ffffff80;font-size:.72rem}.d-mini-spinner{width:14px;height:14px;border:2px solid rgba(139,92,246,.3);border-top-color:#c4b5fd;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.ring.r2{top:10px;right:10px;bottom:10px;left:10px;animation-delay:1s}.ring.r3{top:0;right:0;bottom:0;left:0;animation-delay:2s}@keyframes expand-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.discovering-section h2{color:#fff;margin:0 0 8px;font-size:1.5rem}.discovery-message{color:#ffffffb3;margin:0 0 32px;font-size:1rem}.discovery-stages{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px}.stage{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s}.stage.active{opacity:1}.stage-icon{font-size:1.5rem}.stage span:last-child{color:#ffffffb3;font-size:.8rem}.stage-connector{width:40px;height:2px;background:#ffffff26;margin-bottom:16px}.discovery-note{color:#ffffff80;font-size:.85rem;margin:0 0 20px}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:10px 24px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff0d;color:#fff}.feature-selection-section{display:flex;flex-direction:column;gap:20px}.selection-header{display:flex;justify-content:space-between;align-items:flex-start}.selection-title h2{color:#fff;margin:0 0 4px;font-size:1.4rem}.stat-badge{background:#8b5cf633;color:#c4b5fd;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500}.feature-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:300px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px}.search-icon{font-size:.85rem;opacity:.6}.search-box input{flex:1;background:transparent;border:none;padding:8px 0;color:#fff;font-size:.85rem}.clear-search{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:0 4px}.category-filter select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;cursor:pointer}.category-filter select option{background:#1e1b4b}.bulk-actions{display:flex;gap:12px;margin-left:auto}.text-btn{background:transparent;border:none;color:#8b5cf6;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:opacity .2s}.text-btn:hover{opacity:.8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:450px;overflow-y:auto;padding:4px}.feature-card{display:flex;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.feature-card:hover{background:#ffffff0d;border-color:#8b5cf64d}.feature-card.selected{background:#8b5cf61a;border-color:#8b5cf6}.feature-checkbox{width:22px;height:22px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;transition:all .2s}.feature-card.selected .feature-checkbox{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.feature-content{flex:1;min-width:0}.feature-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.category-icon{font-size:1rem;flex-shrink:0}.feature-header h4{color:#fff;font-size:.85rem;margin:0;line-height:1.3;font-weight:500}.feature-meta{margin-bottom:8px}.source{color:#ffffff80;font-size:.75rem}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.tag.category{background:#ffffff14;color:#fff9}.tag.lag{background:#8b5cf633;color:#c4b5fd}.tag.correlation{background:#10b98126;color:#86efac}.tag.correlation.negative{background:#ef444426;color:#fca5a5}.no-features{text-align:center;padding:40px 20px;color:#ffffff80}.no-features span{font-size:2rem;display:block;margin-bottom:12px}.no-features p{margin:0 0 16px}.feature-actions-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:8px}.applying-section{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto}.applying-animation{position:relative;width:100px;height:100px;margin:0 auto 20px}.gear-container{position:relative;width:100%;height:100%}.gear{position:absolute;font-size:2rem;animation:spin 3s linear infinite}.gear.g1{top:0;left:20px}.gear.g2{bottom:10px;right:20px;animation-direction:reverse;animation-duration:2s}.gear.g3{top:25px;right:5px;font-size:1.5rem;animation-duration:2.5s}.applying-section h2{color:#fff;margin:0 0 8px}.applying-section p{color:#fff9;margin:0 0 16px}.apply-progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;margin-bottom:20px;overflow:hidden}.a-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:3px;transition:width .4s ease}.apply-steps-list{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:20px}.apply-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:8px;transition:all .3s ease}.apply-step-item.pending{opacity:.4}.apply-step-item.active{background:#10b9811f;border:1px solid rgba(16,185,129,.3);opacity:1}.apply-step-item.done{opacity:.6}.apply-step-item.done .a-step-icon{background:#22c55e33;color:#4ade80}.a-step-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:.95rem;flex-shrink:0}.a-step-info{flex:1;min-width:0}.a-step-name{display:block;color:#fff;font-weight:500;font-size:.85rem}.a-step-detail{display:block;color:#ffffff80;font-size:.72rem}.a-mini-spinner{width:14px;height:14px;border:2px solid rgba(16,185,129,.3);border-top-color:#6ee7b7;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.apply-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;padding:6px 14px;border-radius:20px;color:#ffffffb3;font-size:.8rem}.done-section{text-align:center;padding:60px 20px}.success-animation{position:relative;width:100px;height:100px;margin:0 auto 24px}.success-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop-in .5s ease}.success-check{color:#fff;font-size:2rem;font-weight:700}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.success-rings{position:absolute;top:0;right:0;bottom:0;left:0}.sring{position:absolute;border:2px solid rgba(16,185,129,.4);border-radius:50%;animation:success-ring 2s ease-out infinite}.sring.sr1{top:0;right:0;bottom:0;left:0;animation-delay:0s}.sring.sr2{top:-15px;right:-15px;bottom:-15px;left:-15px;animation-delay:.5s}@keyframes success-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.done-section h2{color:#fff;margin:0 0 8px;font-size:1.75rem}.done-section>p{color:#ffffffb3;margin:0 0 32px;font-size:1.05rem}.done-summary{display:inline-flex;gap:24px;padding:16px 28px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:32px}.summary-item{display:flex;align-items:center;gap:10px}.summary-icon{font-size:1.3rem}.summary-label{color:#ffffff80;font-size:.85rem}.summary-value{color:#fff;font-weight:600;font-size:.95rem}.done-actions{display:flex;justify-content:center;gap:16px}@media(max-width:768px){.enrichment-progress{padding:12px 16px}.progress-line{width:20px;margin:0 4px}.progress-step span:not(.step-indicator){display:none}.feature-toolbar{flex-wrap:wrap}.search-box{max-width:100%;flex:1 1 100%}.feature-grid{grid-template-columns:1fr}.done-actions,.feature-actions-bottom{flex-direction:column}.done-summary{flex-direction:column;gap:12px}}.warning-animation{font-size:4rem;margin-bottom:16px}.issue-list{text-align:left;margin:16px auto;max-width:400px;color:#ffffffb3;font-size:.9rem;line-height:1.6}.issue-list li{margin-bottom:8px}.debug-hint{color:#fbbf24e6;font-size:.85rem;margin-top:16px}.debug-details{margin-top:16px;text-align:left}.debug-details summary{cursor:pointer;color:#8b5cf6e6;font-size:.85rem}.debug-details pre{background:#0000004d;border-radius:8px;padding:12px;font-size:.75rem;overflow-x:auto;margin-top:8px;max-height:200px;color:#fffc}.added-columns-preview{margin-top:20px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.added-columns-preview h4{color:#ffffffb3;font-size:.85rem;margin:0 0 12px;font-weight:500}.column-tags{display:flex;flex-wrap:wrap;gap:8px}.column-tag{background:#8b5cf626;color:#ffffffe6;padding:4px 10px;border-radius:6px;font-size:.8rem;border:1px solid rgba(139,92,246,.3)}.column-tag.more{background:#ffffff0d;border-color:#ffffff1a;color:#fff9}.train-model-page{max-width:1000px;margin:0 auto}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s}.select-dataset-section h2{color:#fff;margin:0 0 8px}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#ffffffb3}.dataset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.dataset-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.dataset-option:hover{background:#ffffff14;border-color:#6366f1;transform:translateY(-2px)}.dataset-option-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.dataset-option-header h3{color:#fff;font-size:1rem;margin:0;word-break:break-word;overflow-wrap:anywhere;min-width:0;flex:1}.enriched-badge{background:#8b5cf633;color:#a78bfa;padding:3px 8px;border-radius:10px;font-size:.7rem;white-space:nowrap;flex-shrink:0}.dataset-option-meta{color:#ffffff80;font-size:.85rem;display:flex;flex-wrap:wrap;gap:8px}.dataset-option-meta span{white-space:nowrap}.dataset-option-target{color:#fff9;font-size:.85rem}.selected-dataset-banner{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.dataset-icon{font-size:2rem}.selected-dataset-banner strong{color:#fff;display:block}.selected-dataset-banner span{color:#fff9;font-size:.9rem}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}.config-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;min-width:0;overflow:hidden}.config-field input,.config-field select,.config-field textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;color:#fff;font-size:.95rem}.config-field input:focus,.config-field select:focus{outline:none;border-color:#6366f1}.config-field select option{background:#1a1a2e}.model-type-options{display:flex;flex-direction:column;gap:10px}.model-type-btn{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.model-type-btn:hover{background:#ffffff0f}.model-type-btn.active{background:#6366f126;border-color:#6366f1}.type-icon{font-size:1.3rem}.type-name{color:#fff;font-weight:500}.type-desc{color:#ffffff80;font-size:.85rem;margin-left:auto}.feature-help{color:#fff9;font-size:.85rem;margin:0 0 16px}.feature-list{max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:8px}.tm-feature-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s;min-width:0}.tm-feature-row:hover{background:#ffffff14;border-color:#ffffff1f}.tm-feature-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:#6366f1;margin:0;padding:0;background:transparent;border:none;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.checkbox-custom{display:none}.tm-feature-name{color:#ffffffe6;font-size:.9rem;flex:1;min-width:0;word-break:normal;overflow-wrap:anywhere}.feature-group{margin-bottom:20px}.feature-boxes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;min-width:0}.feature-box.external{border-color:#06b6d42e}.feature-box-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#6366f11a;border-bottom:1px solid rgba(255,255,255,.08)}.feature-box.external .feature-box-header{background:#06b6d414}.feature-box-title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:.9rem;min-width:0}.feature-box-count{background:#ffffff1f;color:#ffffffd9;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.feature-box-subtitle{padding:8px 12px 0;color:#fff9;font-size:.78rem}.feature-box-list{padding:10px 10px 12px;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:8px}.feature-box-empty{padding:10px 12px;color:#ffffff8c;font-size:.85rem}.loading-recommendations.compact{margin:0;padding:10px 12px}.feature-group-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#6366f11a;border-radius:8px;margin-bottom:10px;font-size:.9rem;font-weight:500;color:#fff}.feature-group.external .feature-group-header{background:#06b6d41a}.feature-group-icon{font-size:1.1rem}.tm-feature-row.tm-external,.tm-feature-row.tm-recommended{align-items:flex-start}.tm-feature-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tm-feature-info .tm-feature-name{color:#ffffffe6;font-size:.9rem;line-height:1.3}.tm-feature-source{color:#ffffff80;font-size:.75rem}.no-external-note,.not-enriched-note{padding:12px 14px;background:#ffffff08;border-radius:8px;font-size:.85rem;color:#ffffffb3;line-height:1.4;margin-bottom:16px}.not-enriched-note{background:#eab3081a;border:1px solid rgba(234,179,8,.2)}.loading-recommendations{display:flex;align-items:center;gap:12px;padding:20px;background:#6366f10d;border-radius:10px;color:#ffffffb3;font-size:.9rem;margin-bottom:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.feature-group.recommended{margin-bottom:20px}.feature-group.recommended .feature-group-header{background:linear-gradient(135deg,#eab30826,#f59e0b1a);border:1px solid rgba(234,179,8,.3)}.recommended-header{position:relative}.recommended-badge{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recommended-help{color:#fff9;font-size:.8rem;margin:0 0 12px;line-height:1.4}.tm-feature-row.tm-recommended{background:#eab3080d;border:1px solid rgba(234,179,8,.15)}.tm-feature-row.tm-recommended:hover{background:#eab3081a;border-color:#eab30840}.tm-feature-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.tm-feature-score{font-size:.7rem;background:#eab30833;color:#fbbf24;padding:2px 8px;border-radius:10px;flex-shrink:0}.tm-feature-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tm-reason-tag{font-size:.7rem;background:#6366f126;color:#a5b4fc;padding:3px 8px;border-radius:6px}.feature-group.other-features .feature-list.collapsed{display:none}.toggle-section-btn{margin-left:auto;background:#ffffff1a;border:none;color:#fff9;padding:4px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.toggle-section-btn:hover{background:#ffffff26;color:#fff}.tm-vif-warning{color:#f59e0b;font-size:.7rem}.feature-count{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.85rem}.secondary-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.training-section{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto}.training-animation{position:relative;width:120px;height:120px;margin:0 auto 30px}.training-brain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;z-index:2;animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.training-rings{position:absolute;top:0;right:0;bottom:0;left:0}.training-rings .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(99,102,241,.3);border-radius:50%;animation:ringExpand 2s ease-out infinite}.training-rings .r2{animation-delay:.4s}.training-rings .r3{animation-delay:.8s}@keyframes ringExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.ai-training-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f133,#8b5cf61a);border:1px solid rgba(99,102,241,.4);padding:8px 18px;border-radius:30px;margin-bottom:20px;color:#a5b4fc;font-weight:600;font-size:.85rem}.badge-pulse{width:8px;height:8px;background:#818cf8;border-radius:50%;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.training-section h3{color:#fff;font-size:1.4rem;margin:0 0 8px}.training-section p{color:#fff9;margin:0 0 24px}.training-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:24px;overflow:hidden}.training-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:3px;transition:width .4s ease}.training-steps-list{display:flex;flex-direction:column;gap:8px;text-align:left;margin-bottom:24px}.training-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:8px;transition:all .3s ease}.training-step-item.pending{opacity:.4}.training-step-item.active{background:#6366f126;border:1px solid rgba(99,102,241,.3);opacity:1}.training-step-item.done{opacity:.6}.training-step-item.done .step-indicator{background:#22c55e33;color:#4ade80}.step-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:1rem;flex-shrink:0}.step-info{flex:1;min-width:0}.step-name{display:block;color:#fff;font-weight:500;font-size:.85rem}.step-detail{display:block;color:#ffffff80;font-size:.75rem}.mini-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:#a5b4fc;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.training-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;align-items:center;gap:6px;color:#fff9;font-size:.85rem}.meta-icon{font-size:1rem}.meta-item strong{color:#fff}.training-details{color:#ffffff80;font-size:.9rem;display:flex;justify-content:center;gap:12px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.result-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.result-card.highlight{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f14d}.result-card h3{color:#fff;font-size:1.1rem;margin:0 0 20px}.result-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-row:last-child{border-bottom:none}.result-row span:first-child{color:#fff9}.result-row span:last-child{color:#fff}.result-row .mono{font-family:monospace;font-size:.85rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric{text-align:center;padding:16px;background:#ffffff0d;border-radius:12px}.metric-value{color:#4ade80;font-size:1.5rem;font-weight:700;margin-bottom:4px}.metric-label{color:#fff9;font-size:.8rem}@media(max-width:768px){.config-grid,.results-grid{grid-template-columns:1fr}.config-actions,.results-actions{flex-direction:column}.feature-boxes{grid-template-columns:1fr}}.features-card{grid-column:1 / -1}.feature-sections-stacked{display:flex;flex-direction:column;gap:20px}.feature-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.feature-section.external{border-color:#06b6d433}.feature-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;background:#6366f114;border-bottom:1px solid rgba(255,255,255,.06)}.feature-section.external .feature-section-header{background:#06b6d40f}.feature-section-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:1rem}.section-icon{font-size:1.2rem}.feature-count-badge{background:#ffffff1f;color:#ffffffe6;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.feature-selected-badge{background:#6366f14d;color:#a5b4fc;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.feature-section-actions{display:flex;gap:8px;flex-wrap:wrap}.feature-action-btn{padding:6px 12px;font-size:.8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fffc;cursor:pointer;transition:all .15s}.feature-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.feature-action-btn.recommended{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.feature-action-btn.recommended:hover{background:#fbbf2440;border-color:#fbbf2480}.feature-list-compact{padding:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s}.feature-item:hover{background:#ffffff14;border-color:#6366f14d}.feature-item input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.feature-item-name{color:#ffffffe6;font-size:.85rem;white-space:nowrap}.feature-empty{padding:20px;color:#ffffff80;font-size:.85rem;display:flex;align-items:center;gap:8px}.empty-icon{font-size:1.2rem}.feature-loading{padding:20px;display:flex;align-items:center;gap:10px;color:#fff9;font-size:.85rem}.feature-subsection{padding:12px 16px}.feature-subsection+.feature-subsection{border-top:1px solid rgba(255,255,255,.06)}.feature-subsection-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.subsection-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600}.subsection-badge.recommended{background:#fbbf2426;color:#fbbf24}.subsection-badge.other{background:#ffffff0f;color:#ffffffb3}.subsection-hint{color:#ffffff80;font-size:.75rem}.feature-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.feature-list-grid.other{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.feature-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .15s}.feature-card:hover{background:#ffffff0f;border-color:#6366f14d}.feature-card.recommended{border-color:#fbbf2440;background:#fbbf240d}.feature-card.recommended:hover{border-color:#fbbf2466;background:#fbbf241a}.feature-card input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1;cursor:pointer;flex-shrink:0;margin-top:2px}.feature-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.feature-card-name{color:#fffffff2;font-size:.85rem;font-weight:500;line-height:1.3}.feature-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:#ffffff80;font-size:.75rem}.feature-source{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-lag{color:#8b5cf6cc}.feature-card-footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.feature-score{background:#6366f133;color:#a5b4fc;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.reason-chip{background:#ffffff0f;color:#ffffffb3;padding:2px 8px;border-radius:4px;font-size:.7rem}.feature-summary{margin-top:16px;padding:12px 16px;background:#6366f114;border-radius:8px;text-align:center;color:#fffc;font-size:.9rem}.summary-count{font-size:1.1rem;font-weight:700;color:#a5b4fc}@media(max-width:600px){.feature-section-header{flex-direction:column;align-items:flex-start}.feature-list-grid{grid-template-columns:1fr}.feature-section-actions{width:100%}.feature-action-btn{flex:1;text-align:center}}.my-models-page{max-width:1200px;margin:0 auto;animation:fadeIn .4s ease}.train-new-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.train-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.train-new-btn span{font-size:1.2rem}.stat-pill.highlight{background:linear-gradient(135deg,#eab30826,#fbbf241a);border:1px solid rgba(234,179,8,.2)}.models-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:350px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 14px}.sort-controls{display:flex;align-items:center;gap:8px}.sort-controls label{color:#fff9;font-size:.85rem}.sort-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.85rem;cursor:pointer}.sort-controls select option{background:#1e1b4b}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.empty-illustration{position:relative;width:120px;height:120px;margin:0 auto 24px}.empty-icon{font-size:4rem;position:relative;z-index:1}.empty-circles{position:absolute;top:0;right:0;bottom:0;left:0}.circle{position:absolute;border-radius:50%;border:2px solid rgba(99,102,241,.2);animation:pulse 3s ease-in-out infinite}.circle.c1{top:-10px;right:-10px;bottom:-10px;left:-10px;animation-delay:0s}.circle.c2{top:-25px;right:-25px;bottom:-25px;left:-25px;animation-delay:.5s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.text-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:.9rem}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.model-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;animation:fadeIn .4s ease both}.model-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.model-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.model-type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.type-icon{font-size:1rem}.time-ago{color:#fff6;font-size:.75rem}.model-name{color:#fff;font-size:1.1rem;margin:0 0 4px;font-weight:600}.model-id-row,.dataset-id-row{display:flex;align-items:center;gap:6px;margin:6px 0 12px;font-size:.75rem}.model-id-label,.dataset-id-label{color:#fff6}.model-id-value,.dataset-id-value{background:#0000004d;padding:3px 8px;border-radius:4px;color:#fff9;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.7rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-id-btn{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:.75rem;opacity:.5;transition:opacity .2s}.copy-id-btn:hover{opacity:1}.model-description{color:#ffffff80;font-size:.85rem;margin:0 0 16px;line-height:1.4}.performance-section{display:flex;align-items:center;gap:20px;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:16px}.r2-gauge{display:flex;align-items:center;gap:12px}.gauge-circle{position:relative;width:64px;height:64px}.gauge-svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.gauge-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.gauge-value .value{font-size:1rem;font-weight:700}.gauge-value .unit{font-size:.6rem;opacity:.6;color:#fff}.gauge-label{display:flex;flex-direction:column;gap:4px}.label-title{color:#fff9;font-size:.75rem}.label-quality{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.metrics-mini{display:flex;gap:16px;margin-left:auto}.metric-mini{text-align:center}.metric-mini .metric-value{display:block;color:#fff;font-size:1rem;font-weight:600}.metric-mini .metric-label{color:#ffffff80;font-size:.7rem}.model-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.info-item{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff08;border-radius:8px}.info-icon{font-size:1rem}.info-item>div{display:flex;flex-direction:column}.info-label{color:#ffffff80;font-size:.7rem}.info-value{color:#fff;font-size:.8rem;font-weight:500}.model-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;border:1px solid}.action-btn .btn-icon{font-size:1rem}.action-btn.analyze{flex:1;background:linear-gradient(135deg,#8b5cf626,#6366f11a);color:#c4b5fd;border-color:#8b5cf640}.action-btn.analyze:hover{background:linear-gradient(135deg,#8b5cf640,#6366f133);transform:translateY(-2px)}.action-btn.forecast{flex:1;background:linear-gradient(135deg,#10b98126,#06b6d41a);color:#86efac;border-color:#10b98140}.action-btn.forecast:hover{background:linear-gradient(135deg,#10b98140,#06b6d433);transform:translateY(-2px)}.action-btn.details{background:#ffffff0d;color:#fff9;border-color:#ffffff1a;padding:10px 14px}.action-btn.details:hover{background:#ffffff14;color:#fff}.action-btn.delete{background:#ef444414;color:#fca5a5;border-color:#ef444433;padding:10px 14px}.action-btn.delete:hover{background:#ef444426}.delete-confirm{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0a28f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:200px;z-index:10}.confirm-content{text-align:center;max-width:320px}.confirm-content p{color:#fff;font-size:1rem;margin:0 0 8px;line-height:1.5;word-break:break-word}.confirm-content p strong{color:#f87171}.confirm-warning{color:#ffffff80;font-size:.8rem;margin-top:4px}.confirm-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.confirm-actions{display:flex;gap:12px;pointer-events:auto;position:relative;z-index:100}.cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.9rem;min-width:100px;transition:all .2s;pointer-events:auto;position:relative;z-index:101}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;min-width:100px;pointer-events:auto;position:relative;z-index:101}.expanded-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.expanded-section{margin-bottom:20px}.expanded-section:last-child{margin-bottom:0}.expanded-section h4{color:#fffc;font-size:.9rem;margin:0 0 12px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#ffffff08;border-radius:8px}.detail-label{color:#ffffff80;font-size:.75rem}.detail-value{color:#fff;font-size:.9rem;font-weight:500}.features-list{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:#6366f126;color:#a5b4fc;padding:6px 12px;border-radius:6px;font-size:.8rem;border:1px solid rgba(99,102,241,.2)}.coefficients-list{display:flex;flex-direction:column;gap:8px}.coefficient-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff08;border-radius:8px}.coef-feature{color:#fffc;font-size:.85rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.coef-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;font-weight:600}.coef-value.positive{color:#4ade80}.coef-value.negative{color:#f87171}.model-card.expanded{border-color:#6366f14d}@media(max-width:768px){.page-header{flex-wrap:wrap}.page-title{order:-1;width:100%;margin-bottom:12px}.train-new-btn{flex:1}.models-toolbar{flex-direction:column;gap:12px}.search-box{max-width:100%;width:100%}.models-grid,.model-info-grid{grid-template-columns:1fr}.performance-section{flex-direction:column;align-items:flex-start}.metrics-mini{margin-left:0;margin-top:12px}}.forecast-prep-page{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:#ffffffb3}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.prep-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s}.back-btn:hover{background:#ffffff26}.header-info h1{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.model-info{color:#fff9;font-size:.9rem;margin:0}.model-info strong{color:#ffffffe6}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between}.error-banner button{background:none;border:none;color:#fca5a5;font-size:1.2rem;cursor:pointer}.prep-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.setting-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem}.setting-card h3{margin:0 0 1rem;font-size:.95rem;color:#fff}.period-buttons{display:flex;gap:.5rem}.period-btn{flex:1;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.period-btn:hover{background:#ffffff1a}.period-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent}.sentiment-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.sentiment-btn{flex:1;padding:.6rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s}.sentiment-btn:hover{background:#ffffff1a}.sentiment-btn.active.optimistic{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.sentiment-btn.active.neutral{background:#ffffff26;border-color:#ffffff4d;color:#fff}.sentiment-btn.active.pessimistic{background:#ef444433;border-color:#ef444466;color:#f87171}.percent-control{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.percent-control input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#ffffff26;border-radius:3px}.percent-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#8b5cf6;border-radius:50%;cursor:pointer}.percent-label{color:#ffffffb3;font-size:.85rem;min-width:80px}.data-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0;font-size:1.1rem;color:#fff}.legend{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#fff9}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.25rem}.legend-dot.hist{background:#ffffff4d}.legend-dot.future{background:#fbbf24}.legend-dot.real{background:#4ade80}.empty-message{text-align:center;padding:3rem;color:#ffffff80;background:#ffffff08;border-radius:12px}.data-grid{display:flex;flex-direction:column;gap:1.5rem}.feature-group-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.group-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem}.group-header.internal{background:#6366f126;color:#a5b4fc;border-bottom:1px solid rgba(99,102,241,.2)}.group-header.external{background:#22c55e26;color:#86efac;border-bottom:1px solid rgba(34,197,94,.2)}.group-header{display:flex;justify-content:space-between;align-items:center}.header-hint{font-size:.75rem;font-weight:400;color:#ffffff80}.feature-row{display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:.75rem 1rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-row:last-child{border-bottom:none}.feature-label{display:flex;flex-direction:column;gap:.25rem}.feature-name{font-size:.85rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-badges{display:flex;gap:.4rem;flex-wrap:wrap}.badge{font-size:.65rem;padding:.1rem .35rem;border-radius:3px;font-weight:500}.badge.corr{background:#0000004d}.badge.corr.pos{color:#4ade80}.badge.corr.neg{color:#f87171}.badge.lag{background:#ffffff1a;color:#fff9}.values-row{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}.value-box{min-width:90px;padding:.5rem;border-radius:8px;text-align:center;flex-shrink:0}.value-box.hist{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.value-box.future{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);position:relative}.value-box.future.has-real{background:#4ade801a;border-color:#4ade8066}.real-indicator{position:absolute;top:2px;right:4px;font-size:.6rem;color:#4ade80}.box-date{font-size:.65rem;color:#fff6;margin-bottom:.3rem}.box-value{font-size:.85rem;color:#fffc;font-weight:500}.value-box.future input{width:75px;padding:.4rem .25rem;background:#0000004d;border:1px solid rgba(251,191,36,.4);border-radius:4px;color:#fbbf24;font-size:.9rem;font-weight:600;text-align:center}.value-box.future input::placeholder{color:#fbbf2466}.value-box.future input:focus{outline:none;border-color:#fbbf24;background:#fbbf2426}.value-box.future.has-real input{color:#4ade80;border-color:#4ade8080}.value-box.future.has-real input:focus{border-color:#4ade80;background:#4ade8026}.value-box.future input::-webkit-inner-spin-button,.value-box.future input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-box.future input[type=number]{-moz-appearance:textfield}.quick-btns{display:flex;gap:.25rem}.quick-btns button{padding:.3rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;font-size:.7rem;cursor:pointer;transition:all .2s}.quick-btns button:hover{background:#ffffff1a;color:#fff}.prep-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.secondary-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#ffffff0d;color:#fff}.primary-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}@media(max-width:768px){.forecast-prep-page{padding:1rem}.feature-row{grid-template-columns:1fr;gap:.5rem}.values-row,.quick-btns{justify-content:flex-start}.prep-header{flex-direction:column;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.create-forecast-page{max-width:900px;margin:0 auto}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer}.page-title h1{color:#fff;font-size:2rem;margin:0}.page-title p{color:#ffffffb3;margin:5px 0 0}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 20px;color:#fca5a5;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.error-banner button{background:transparent;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:6px 14px;border-radius:6px;cursor:pointer}.select-section h2{color:#fff;margin:0 0 8px}.section-desc{color:#fff9;margin:0 0 24px}.loading-state,.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#fff;margin:0 0 8px}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.model-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;cursor:pointer;transition:all .2s}.model-option:hover{background:#ffffff14;border-color:#10b981;transform:translateY(-2px)}.model-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.model-option-header h3{color:#fff;font-size:1rem;margin:0}.model-type{background:#10b98133;color:#34d399;padding:3px 8px;border-radius:6px;font-size:.75rem}.model-option-meta{color:#ffffff80;font-size:.85rem;display:flex;gap:8px;margin-bottom:12px}.model-option-metrics{display:flex;gap:8px}.metric-pill{background:#ffffff1a;padding:4px 10px;border-radius:8px;font-size:.8rem;color:#fffc}.selected-model-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.model-icon{font-size:2rem}.selected-model-banner strong{color:#fff;display:block}.selected-model-banner span{color:#fff9;font-size:.9rem}.change-btn{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:8px 16px;border-radius:8px;cursor:pointer}.config-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}.config-card h3{color:#fff;font-size:1.1rem;margin:0 0 20px}.config-field{margin-bottom:20px}.config-field label{display:block;color:#fffc;font-size:.9rem;margin-bottom:8px}.config-field input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;color:#fff;font-size:.95rem}.config-field input:focus{outline:none;border-color:#10b981}.period-selector{display:flex;gap:10px}.period-btn{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.period-btn:hover{background:#ffffff14}.period-btn.active{background:#10b98133;border-color:#10b981;color:#34d399}.field-hint{color:#ffffff80;font-size:.85rem;margin:8px 0 0}.next-step-hint{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:14px 18px;margin-top:20px;color:#fffc;font-size:.9rem;line-height:1.5}.config-actions{display:flex;justify-content:space-between;gap:16px}.secondary-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;cursor:pointer}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.creating-section{text-align:center;padding:60px 20px;max-width:500px;margin:0 auto}.forecast-animation{position:relative;width:100px;height:100px;margin:0 auto 24px}.forecast-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;z-index:2;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.forecast-rings{position:absolute;top:0;right:0;bottom:0;left:0}.forecast-rings .f-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(16,185,129,.3);border-radius:50%;animation:fRingExpand 2s ease-out infinite}.forecast-rings .f2{animation-delay:.4s}.forecast-rings .f3{animation-delay:.8s}@keyframes fRingExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.forecast-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b98133,#22c55e1a);border:1px solid rgba(16,185,129,.4);padding:8px 18px;border-radius:30px;margin-bottom:16px;color:#6ee7b7;font-weight:600;font-size:.85rem}.f-pulse{width:8px;height:8px;background:#10b981;border-radius:50%;animation:fPulse 1.5s ease-in-out infinite}@keyframes fPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.creating-section h3{color:#fff;font-size:1.3rem;margin:0 0 8px}.creating-section p{color:#fff9;margin:0 0 20px}.forecast-progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;margin-bottom:20px;overflow:hidden}.f-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:3px;transition:width .4s ease}.forecast-steps-list{display:flex;flex-direction:column;gap:6px;text-align:left}.forecast-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border-radius:8px;transition:all .3s ease}.forecast-step-item.pending{opacity:.4}.forecast-step-item.active{background:#10b9811f;border:1px solid rgba(16,185,129,.3);opacity:1}.forecast-step-item.done{opacity:.6}.forecast-step-item.done .f-step-icon{background:#22c55e33;color:#4ade80}.f-step-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;font-size:.95rem;flex-shrink:0}.f-step-info{flex:1;min-width:0}.f-step-name{display:block;color:#fff;font-weight:500;font-size:.85rem}.f-step-detail{display:block;color:#ffffff80;font-size:.72rem}.f-mini-spinner{width:14px;height:14px;border:2px solid rgba(16,185,129,.3);border-top-color:#6ee7b7;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:30px}.success-icon{font-size:2.5rem}.success-banner h3{color:#4ade80;margin:0 0 4px}.success-banner p{color:#ffffffb3;margin:0}.forecast-results{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}.forecast-results h3{color:#fff;margin:0 0 20px}.predictions-chart{margin-bottom:24px;padding:20px;background:#0003;border-radius:12px}.chart-wrapper{display:flex;align-items:flex-end;gap:8px;height:200px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,#10b981,#059669);border-radius:6px 6px 0 0;position:relative;min-height:10px;display:flex;align-items:flex-start;justify-content:center;margin-top:auto}.bar-value{position:absolute;top:-24px;font-size:.7rem;color:#ffffffb3;white-space:nowrap}.bar-label{margin-top:8px;color:#ffffff80;font-size:.75rem}.predictions-table-wrapper{overflow-x:auto}.predictions-table{width:100%;border-collapse:collapse}.predictions-table th,.predictions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.predictions-table th{color:#fff9;font-weight:500;font-size:.85rem}.predictions-table td{color:#fff;font-size:.9rem}.predictions-table td.value{color:#34d399;font-weight:600}.predictions-table td.bound{color:#ffffff80}.results-actions{display:flex;justify-content:center;gap:16px}@media(max-width:768px){.config-actions,.results-actions{flex-direction:column}.period-selector{flex-wrap:wrap}}.my-forecasts-page{max-width:1100px;margin:0 auto;animation:fadeIn .4s ease}.new-forecast-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.new-forecast-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.new-forecast-btn span{font-size:1.2rem}.stats-bar{display:flex;gap:12px;margin-bottom:20px;padding:16px 20px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.stat-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:24px}.stat-pill .stat-icon{font-size:1rem}.stat-pill .stat-value{font-weight:700;color:#fff;font-size:.95rem}.stat-pill .stat-label{color:#ffffff80;font-size:.8rem}.forecasts-toolbar{margin-bottom:24px;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.search-box{display:flex;align-items:center;gap:10px;max-width:350px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 14px}.search-icon{font-size:.9rem;opacity:.6}.search-box input{flex:1;background:transparent;border:none;padding:10px 0;color:#fff;font-size:.9rem}.search-box input::placeholder{color:#fff6}.search-box input:focus{outline:none}.clear-search{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#fca5a5}.error-banner button{background:none;border:none;color:#fca5a5;font-size:1.5rem;cursor:pointer}.loading-state{text-align:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:#fff9}.empty-state{text-align:center;padding:80px 20px}.empty-illustration{position:relative;width:140px;height:100px;margin:0 auto 24px}.empty-icon{font-size:3.5rem;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1}.empty-chart{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px;height:50px}.chart-bar{width:16px;background:linear-gradient(180deg,#10b9814d,#10b9811a);border-radius:4px 4px 0 0;animation:grow 2s ease-in-out infinite}.chart-bar.b1{height:25px;animation-delay:0s}.chart-bar.b2{height:35px;animation-delay:.2s}.chart-bar.b3{height:20px;animation-delay:.4s}.chart-bar.b4{height:40px;animation-delay:.6s}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.empty-state h3{color:#fff;font-size:1.5rem;margin:0 0 8px}.empty-state p{color:#fff9;margin:0 0 24px}.primary-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.no-results{text-align:center;padding:60px 20px}.no-results-icon{font-size:3rem;display:block;margin-bottom:16px}.no-results h3{color:#fff;margin:0 0 16px}.text-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:.9rem}.forecasts-list{display:flex;flex-direction:column;gap:16px}.forecast-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeIn .4s ease both}.forecast-card.confirming-delete{overflow:visible;min-height:220px}.forecast-card:hover{background:#ffffff0f;border-color:#ffffff1f}.forecast-card.expanded{border-color:#10b9814d}.forecast-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer}.forecast-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98133,#06b6d426);border-radius:12px;flex-shrink:0}.forecast-info{flex:1;min-width:0}.forecast-info h3{color:#fff;font-size:1.05rem;margin:0 0 4px;font-weight:600}.forecast-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffff80}.periods-badge{background:#10b98126;color:#86efac;padding:2px 8px;border-radius:4px;font-weight:500}.meta-dot{opacity:.4}.model-ref{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.75rem;color:#fff6}.model-icon{font-size:.85rem}.forecast-actions{display:flex;align-items:center;gap:8px}.export-btn,.delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.export-btn:hover{background:#10b98126;border-color:#10b9814d}.delete-btn:hover{background:#ef444426;border-color:#ef44444d}.expand-icon{color:#fff6;font-size:.9rem;padding:0 4px;transition:color .2s}.forecast-header:hover .expand-icon{color:#ffffffb3}.forecast-details{padding:0 24px 24px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px;animation:slideDown .3s ease}.forecast-summary{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.summary-stat{display:flex;flex-direction:column;gap:4px}.summary-stat .stat-label{font-size:.75rem;color:#ffffff80}.summary-stat .stat-value{font-size:1.25rem;font-weight:700;color:#fff}.predictions-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.predictions-table{width:100%;border-collapse:collapse;font-size:.85rem}.predictions-table th,.predictions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.predictions-table th{background:#ffffff08;color:#ffffffb3;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.predictions-table td.period{color:#ffffff80;font-size:.8rem}.predictions-table td.date{color:#ffffffb3}.predictions-table td.value{font-family:JetBrains Mono,monospace;font-weight:500}.predictions-table td.predicted{color:#86efac}.predictions-table td.bound{color:#ffffff80;font-size:.8rem}.predictions-table tbody tr:hover{background:#ffffff05}.predictions-table tbody tr:last-child td{border-bottom:none}.details-footer{display:flex;justify-content:flex-end;padding-top:16px}.export-full-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#86efac;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.export-full-btn:hover{background:#10b98140;transform:translateY(-2px)}.delete-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;min-height:180px;background:#0f0a28fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:16px;padding:24px;box-sizing:border-box}.delete-confirm-content{text-align:center;padding:16px;max-width:320px;width:100%}.confirm-icon{font-size:2.5rem;display:block;margin-bottom:16px}.delete-confirm-content p{color:#fff;font-size:1rem;margin:0 0 24px;line-height:1.5;word-break:break-word}.delete-confirm-content p strong{color:#f87171}.confirm-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;min-width:100px}.cancel-btn:hover{background:#ffffff26}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;min-width:100px}.confirm-delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}@media(max-width:768px){.page-header{flex-wrap:wrap}.page-title{order:-1;width:100%;margin-bottom:12px}.new-forecast-btn{flex:1}.forecast-header{flex-wrap:wrap}.forecast-summary{flex-direction:column;gap:12px}.predictions-table{font-size:.75rem}.predictions-table th,.predictions-table td{padding:10px 12px}}.model-analysis-page{max-width:1200px;margin:0 auto;animation:fadeIn .4s ease}.analysis-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 18px;border-radius:10px;cursor:pointer;transition:all .2s}.header-content{flex:1}.header-content h1{color:#fff;font-size:1.75rem;margin:0}.model-name{color:#fff9;margin:4px 0 0}.refresh-btn{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn:hover{background:#6366f140}.analysis-loading{text-align:center;padding:80px 20px}.loading-animation{position:relative;width:120px;height:120px;margin:0 auto 30px}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(99,102,241,.3);border-radius:50%;animation:pulse 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.3s}.pulse-ring.delay-2{animation-delay:.6s}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.analysis-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;animation:bob 1.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}.analysis-loading h2{color:#fff;margin:0 0 8px;animation:fadeInStep .4s ease}.analysis-loading p{color:#fff9;margin:0 0 24px}.current-step-subtext{color:#ffffff80;font-size:.95rem;animation:fadeInStep .4s ease}@keyframes fadeInStep{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ai-agent-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid rgba(34,197,94,.4);padding:8px 18px;border-radius:30px;margin-bottom:20px;color:#86efac;font-weight:600;font-size:.9rem}.agent-pulse{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:agentPulse 1.5s ease-in-out infinite}@keyframes agentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.analysis-progress-bar{width:100%;max-width:400px;height:6px;background:#ffffff1a;border-radius:3px;margin:20px auto 8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:3px;transition:width .5s ease}.progress-text{color:#ffffff80;font-size:.8rem;margin-bottom:24px}.loading-steps-enhanced{display:flex;flex-direction:column;gap:8px;max-width:450px;margin:0 auto;text-align:left}.step-enhanced{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#ffffff05;border-radius:10px;border:1px solid transparent;transition:all .3s ease}.step-enhanced.pending{opacity:.4}.step-enhanced.active{background:#6366f11a;border-color:#6366f14d;opacity:1;animation:stepGlow 2s ease-in-out infinite}.step-enhanced.completed{opacity:.7}.step-enhanced.completed .step-icon{background:#22c55e33;color:#4ade80}@keyframes stepGlow{0%,to{box-shadow:0 0 15px #6366f133}50%{box-shadow:0 0 25px #6366f166}}.step-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;font-size:1.1rem;flex-shrink:0}.step-content{flex:1;min-width:0}.step-text{color:#fff;font-weight:500;font-size:.9rem}.step-subtext{color:#ffffff80;font-size:.75rem;margin-top:2px}.loading-steps-enhanced .step-subtext{display:none}.step-spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.3);border-top-color:#a5b4fc;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.loading-context{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:12px 20px;background:#6366f11a;border-radius:8px;color:#a5b4fc;font-size:.9rem}.context-icon{font-size:1rem}.loading-steps{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto}.loading-steps .step{padding:12px 16px;background:#ffffff08;border-radius:8px;color:#fff6;font-size:.9rem}.loading-steps .step.active{background:#6366f126;color:#a5b4fc;animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 20px #6366f180}}.analysis-error{text-align:center;padding:80px 20px}.error-icon{font-size:4rem;margin-bottom:20px}.analysis-error h2{color:#f87171;margin:0 0 8px}.analysis-error p{color:#fff9;margin:0 0 24px}.error-actions{display:flex;justify-content:center;gap:12px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card:hover{background:#ffffff0f;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e4d}.stat-card.external{background:linear-gradient(135deg,#06b6d41a,#3b82f60d);border-color:#06b6d44d}.stat-card.granger{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-color:#8b5cf64d}.stat-card.features{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf244d}.stat-icon{font-size:2rem}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;color:#fff9}.analysis-tabs{display:flex;gap:8px;padding:8px;background:#ffffff08;border-radius:14px;margin-bottom:24px}.tab{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:10px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#6366f133;color:#fff;font-weight:500}.tab-content{min-height:400px}.value-showcase{background:linear-gradient(135deg,#06b6d414,#3b82f614,#8b5cf614);border:1px solid rgba(6,182,212,.2);border-radius:20px;padding:28px;margin-bottom:24px}.showcase-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.showcase-icon{font-size:3rem}.showcase-header h2{color:#fff;margin:0 0 4px;font-size:1.5rem}.showcase-header p{color:#ffffffb3;margin:0}.showcase-header strong{color:#22d3ee;font-size:1.1em}.contribution-chart{margin-bottom:20px}.chart-bar{display:flex;height:48px;border-radius:12px;overflow:hidden;background:#0000004d}.bar-segment{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;transition:all .3s}.bar-segment.external{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.bar-segment.internal{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.bar-segment span{text-shadow:0 1px 3px rgba(0,0,0,.3)}.granger-highlight{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px 20px}.highlight-badge{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:8px}.granger-highlight p{color:#fffc;margin:0;line-height:1.5}.granger-highlight strong{color:#4ade80}.top-features-section{margin-bottom:24px}.top-features-section h3{color:#fff;margin:0 0 16px}.top-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.top-feature-card{background:#ffffff0a;border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:20px;position:relative;overflow:hidden}.top-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06b6d4,#3b82f6)}.rank-badge{position:absolute;top:12px;right:12px;background:#06b6d433;color:#22d3ee;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.top-feature-card .feature-name{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:12px;padding-right:40px;line-height:1.3;min-height:40px}.top-feature-card .feature-stats{display:flex;gap:16px;margin-bottom:12px}.top-feature-card .stat{display:flex;flex-direction:column}.top-feature-card .stat .label{font-size:.7rem;color:#ffffff80}.top-feature-card .stat .value{font-size:1rem;font-weight:600;color:#22d3ee}.feature-source{margin-top:auto}.source-badge{background:#06b6d426;color:#67e8f9;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:500}.metrics-section h3{color:#fff;margin:0 0 16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;text-align:center}.metric-value{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:4px}.metric-value.accent{color:#4ade80}.metric-label{color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:4px}.metric-desc{color:#ffffff80;font-size:.75rem}.importance-header{margin-bottom:16px}.importance-header h2{color:#fff;margin:0 0 8px}.importance-header p{color:#fff9;margin:0}.methodology-explainer{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.25);border-radius:16px;padding:20px 24px;margin-bottom:24px}.methodology-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.methodology-icon{font-size:1.3rem}.methodology-header h4{color:#fff;margin:0;font-size:1rem}.methodology-content p{color:#ffffffbf;margin:0 0 14px;line-height:1.5;font-size:.9rem}.formula-box{background:#0000004d;padding:12px 18px;border-radius:8px;margin-bottom:14px;display:inline-block}.formula{font-family:SF Mono,Monaco,Consolas,monospace;color:#a5b4fc;font-size:.95rem;font-weight:500}.methodology-note{display:flex;gap:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:14px 16px}.note-icon{font-size:1.2rem;flex-shrink:0}.note-content strong{color:#fcd34d;display:block;margin-bottom:6px;font-size:.9rem}.note-content p{margin:0;font-size:.85rem;color:#ffffffb3}.note-content em{color:#86efac;font-style:normal;font-weight:500}.raw-stats-section{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.raw-stats-section h4{color:#fff;margin:0 0 6px;font-size:1rem}.raw-stats-desc{color:#ffffff80;font-size:.85rem;margin:0 0 16px}.raw-stats-table{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.stats-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:12px 16px;background:#ffffff0d;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-weight:600}.stats-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;transition:background .2s}.stats-row:last-child{border-bottom:none}.stats-row:hover{background:#ffffff08}.stats-row.external{border-left:3px solid #06b6d4}.stats-row.internal{border-left:3px solid #8b5cf6}.feature-name-cell{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coef-cell,.impact-cell{color:#ffffffb3;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem}.importance-cell{color:#a5b4fc;font-weight:600}.importance-chart{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.importance-row{display:grid;grid-template-columns:40px 1fr 200px 60px;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:10px;transition:all .2s}.importance-row:hover{background:#ffffff0f}.importance-row.external{border-left:3px solid #06b6d4}.importance-row.internal{border-left:3px solid #8b5cf6}.row-rank{color:#ffffff80;font-size:.85rem;font-weight:500}.row-name{display:flex;align-items:center;gap:10px;min-width:0}.row-name .name{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-badge{background:#06b6d426;color:#22d3ee;padding:2px 8px;border-radius:4px;font-size:.7rem;flex-shrink:0}.row-bar{height:24px;background:#ffffff0d;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;transition:width .5s ease}.importance-row.external .bar-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.row-value{color:#fff;font-weight:600;font-size:.9rem;text-align:right}.importance-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px}.summary-card.external{background:linear-gradient(135deg,#06b6d41a,#3b82f60d);border:1px solid rgba(6,182,212,.3)}.summary-card.internal{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid rgba(139,92,246,.3)}.summary-icon{font-size:2rem}.summary-value{font-size:1.5rem;font-weight:700;color:#fff}.summary-label{color:#ffffffb3;font-size:.85rem}.causality-header{margin-bottom:24px}.causality-header h2{color:#fff;margin:0 0 8px}.causality-header p{color:#fff9;margin:0;line-height:1.5}.no-results{text-align:center;padding:60px 20px;color:#fff9}.no-icon{font-size:3rem;margin-bottom:16px}.causality-results{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.causality-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px}.causality-card.significant{background:#22c55e0d;border-color:#22c55e4d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.feature-name-row{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.causality-card .feature-name,.te-card .feature-name{color:#fff;font-weight:500;font-size:.95rem;line-height:1.3;word-break:break-word}.source-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;width:fit-content}.source-badge.external{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.source-badge.internal{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;flex-shrink:0}.status-badge.yes{background:#22c55e33;color:#4ade80}.status-badge.no{background:#6b728033;color:#9ca3af}.card-stats{display:flex;gap:20px;margin-bottom:16px}.causality-card .stat{display:flex;flex-direction:column}.causality-card .stat .label{font-size:.7rem;color:#ffffff80;margin-bottom:2px}.causality-card .stat .value{font-size:.95rem;font-weight:600;color:#fff}.causality-card .stat .value.excellent{color:#4ade80}.causality-card .stat .value.good{color:#86efac}.causality-card .stat .value.moderate{color:#fbbf24}.causality-card .stat .value.weak{color:#9ca3af}.interpretation{color:#ffffffb3;font-size:.85rem;line-height:1.4;padding:12px;background:#ffffff08;border-radius:8px}.error-message{color:#f87171;font-size:.85rem}.causality-explainer{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:24px}.causality-explainer h4{color:#fff;margin:0 0 12px}.causality-explainer p{color:#ffffffb3;margin:0 0 12px;line-height:1.5}.causality-explainer ul{margin:0 0 16px;padding-left:20px;color:#ffffffb3}.causality-explainer li{margin-bottom:8px}.causality-explainer .highlight{background:#22c55e1a;border-radius:8px;padding:12px 16px;margin:0}.causality-explainer .highlight strong{color:#4ade80}.insights-error{text-align:center;padding:60px 20px}.insights-error .error-icon{font-size:3rem;margin-bottom:16px}.insights-error p{color:#fff9;margin:0 0 8px}.insights-error .hint{font-size:.85rem;color:#fff6}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ai-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid rgba(139,92,246,.3);padding:8px 16px;border-radius:20px;color:#c4b5fd;font-weight:500}.ai-icon{font-size:1.2rem}.generated-time{color:#fff6;font-size:.8rem}.insights-summary{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:14px;padding:20px;margin-bottom:24px}.insights-summary .summary-icon{font-size:2rem}.insights-summary .summary-text{color:#fff;font-size:1.1rem;line-height:1.4}.insights-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;margin-bottom:24px}.analysis-text{color:#ffffffd9;font-size:.95rem;line-height:1.7}.analysis-text p,.analysis-text .ai-paragraph{margin-bottom:16px}.analysis-text strong{color:#fff}.analysis-text em{color:#a5b4fc}.analysis-text ul{margin:16px 0;padding-left:20px}.analysis-text li{margin-bottom:8px}.ai-section-header{display:flex;align-items:center;gap:10px;margin:24px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.ai-section-header:first-child{margin-top:0}.ai-section-header.h1{font-size:1.4rem;font-weight:700;color:#fff;border-bottom-color:#6366f166}.ai-section-header.h2{font-size:1.2rem;font-weight:600;color:#e0e7ff;border-bottom-color:#6366f14d}.ai-section-header.h3{font-size:1.05rem;font-weight:600;color:#c7d2fe;border-bottom:none;padding-bottom:0;margin-bottom:10px}.header-icon{font-size:1em;opacity:.9}.ai-bullet-item{display:flex;gap:10px;margin:8px 0;padding-left:8px}.ai-bullet-item .bullet{color:#6366f1;font-weight:700;flex-shrink:0}.ai-numbered-item{margin:10px 0;padding:12px 16px;background:#ffffff08;border-left:3px solid #6366f1;border-radius:0 8px 8px 0}.ai-numbered-item strong{color:#a5b4fc}.insights-footer{display:flex;justify-content:center}.contribution-badges{display:flex;gap:16px}.contribution-badges .badge{padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:500}.contribution-badges .badge.external{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#22d3ee}.contribution-badges .badge.internal{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd}.insights-loading{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.secondary-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#ffffff26}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media(max-width:1024px){.quick-stats,.top-features-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.causality-results{grid-template-columns:1fr}}@media(max-width:768px){.quick-stats{grid-template-columns:1fr}.analysis-tabs{flex-wrap:wrap}.tab{flex:1 1 45%}.top-features-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.importance-row{grid-template-columns:30px 1fr 100px 50px;font-size:.85rem}.importance-summary{grid-template-columns:1fr}}.saved-analysis-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:14px 20px;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.saved-info{display:flex;align-items:center;gap:10px;color:#86efac;font-weight:500}.saved-icon{font-size:1.2rem}.saved-date{color:#86efacb3;font-weight:400}.rerun-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.rerun-btn:hover{background:#ffffff26;transform:translateY(-1px)}.saving-indicator{position:fixed;top:20px;right:20px;background:#6366f1e6;color:#fff;padding:10px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;z-index:1000;animation:fadeIn .3s ease}.saving-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.context-modal-overlay{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:20px}.context-modal{background:linear-gradient(145deg,#1e1e32fa,#141423fa);border:1px solid rgba(99,102,241,.3);border-radius:24px;padding:36px;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080,0 0 100px #6366f11a;animation:modalSlideIn .4s ease}.modal-header{text-align:center;margin-bottom:28px}.modal-icon{font-size:3rem;margin-bottom:12px}.modal-header h2{color:#fff;font-size:1.75rem;margin:0 0 8px}.modal-header p{color:#fff9;margin:0;line-height:1.5}.context-form{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.form-group label{display:block;color:#ffffffe6;font-weight:500;margin-bottom:8px;font-size:.95rem}.form-group select,.form-group textarea,.form-group input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;color:#fff;font-size:.95rem;transition:all .2s}.form-group select:focus,.form-group textarea:focus,.form-group input:focus{outline:none;border-color:#6366f180;background:#ffffff14;box-shadow:0 0 20px #6366f133}.form-group select option{background:#1e1e2e;color:#fff}.form-group textarea{resize:vertical;min-height:60px}.form-group textarea::placeholder,.form-group input::placeholder{color:#ffffff59}.modal-actions{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.modal-actions .back-btn{background:transparent;border:1px solid rgba(255,255,255,.2)}.skip-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .2s}.skip-btn:hover{background:#ffffff1f;color:#fff}.modal-hint{display:flex;justify-content:center;align-items:center;gap:8px;color:#fff6;font-size:.85rem}.hint-icon{font-size:1rem}.transfer-entropy-tab{animation:fadeIn .3s ease}.te-header{margin-bottom:24px}.te-header h2{color:#fff;margin:0 0 8px}.te-header p{color:#fff9;margin:0;line-height:1.5}.te-results{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.te-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px}.te-card.significant{background:linear-gradient(135deg,#06b6d414,#3b82f60d);border-color:#06b6d44d}.te-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.te-stats .stat{background:#ffffff08;padding:10px 12px;border-radius:8px}.te-stats .stat .value.positive{color:#4ade80}.te-stats .stat .value.negative{color:#f87171}.flow-indicator{margin-top:12px}.flow-bar{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.flow-fill{height:100%;border-radius:4px;transition:width .5s ease}.te-explainer{background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:14px;padding:24px}.te-explainer h4{color:#fff;margin:0 0 12px}.te-explainer p{color:#ffffffb3;margin:0 0 16px;line-height:1.5}.te-interpretation-guide{display:flex;flex-wrap:wrap;gap:12px}.guide-item{background:#ffffff0d;padding:10px 16px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.guide-value{color:#22d3ee;font-weight:600;font-size:.9rem}.guide-label{color:#fff9;font-size:.8rem}.key-findings-alert{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.3);border-radius:14px;padding:20px;margin-bottom:24px}.alert-header{display:flex;align-items:center;gap:10px;font-weight:600;color:#4ade80;margin-bottom:12px}.alert-icon{font-size:1.2rem}.findings-list{display:flex;flex-direction:column;gap:8px}.finding-item{padding:10px 14px;background:#ffffff08;border-radius:8px;color:#fffc;font-size:.9rem}.finding-item.granger{border-left:3px solid #8b5cf6}.finding-item.transfer_entropy{border-left:3px solid #06b6d4}.finding-item strong{color:#fff}.feature-list{color:#ffffff80}.causality-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.summary-box{background:#ffffff08;border-radius:12px;padding:16px 20px;text-align:center}.summary-box.granger{border:1px solid rgba(139,92,246,.2)}.summary-box.te{border:1px solid rgba(6,182,212,.2)}.box-header{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffb3;font-size:.85rem;margin-bottom:8px}.box-icon{font-size:1rem}.box-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:4px}.box-desc{color:#ffffff80;font-size:.75rem}.feature-tests{display:flex;gap:6px;margin-top:8px}.test-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem}.test-badge.granger{background:#8b5cf633}.test-badge.te{background:#06b6d433}.context-badge{display:inline-block;background:#6366f126;border:1px solid rgba(99,102,241,.3);padding:4px 12px;border-radius:20px;font-size:.8rem;color:#a5b4fc;margin-top:8px}.loading-context{margin-top:20px;padding:12px 20px;background:#6366f11a;border-radius:8px;color:#a5b4fc;font-size:.9rem}.stationarity-info{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.stationarity-badge{padding:4px 10px;border-radius:6px;font-size:.75rem}.stationarity-badge.stationary{background:#22c55e26;color:#86efac}.stationarity-badge.non-stationary{background:#fbbf2426;color:#fcd34d}.tests-performed{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tests-label{color:#ffffff80;font-size:.85rem}.tests-performed .test-badge{width:auto;height:auto;padding:6px 12px;border-radius:6px;font-size:.8rem;background:#ffffff0d;color:#ffffffb3}.context-tag{background:#6366f126;color:#a5b4fc;padding:6px 14px;border-radius:8px;font-size:.85rem}.stat-card.te{background:linear-gradient(135deg,#06b6d41a,#0ea5e90d);border-color:#06b6d44d}@media(max-width:768px){.context-modal{padding:24px}.modal-actions{flex-direction:column}.te-results,.te-stats,.causality-summary-grid{grid-template-columns:1fr}.te-interpretation-guide{flex-direction:column}}.how-to-guide{max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guide-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.guide-header .back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s}.guide-header .back-btn:hover{background:#ffffff1f}.header-content h1{color:#fff;font-size:2rem;margin:0 0 4px}.header-content p{color:#fff9;margin:0;font-size:1rem}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;width:100%}.guide-content{min-width:0;width:100%}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}}.guide-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:20px;height:fit-content}@media(max-width:900px){.guide-nav{flex-direction:row;flex-wrap:wrap;position:static}}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff9;cursor:pointer;font-size:.9rem;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.nav-icon{font-size:1.1rem}.content-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;text-align:left!important;width:100%}.content-section *{text-align:left}.content-section h2{color:#fff;font-size:1.75rem;margin:0 0 12px}.content-section h3{color:#fff;font-size:1.2rem;margin:28px 0 12px}.content-section h4{color:#fff;font-size:1rem;margin:0 0 8px}.intro{font-size:1.1rem;color:#ffffffb3;margin-bottom:24px;line-height:1.6}.content-section p{color:#ffffffb3;line-height:1.7;margin:0 0 16px}.content-section ul,.content-section ol{color:#ffffffb3;padding-left:24px;margin:0 0 16px}.content-section li{margin-bottom:8px;line-height:1.6}.content-section code{background:#6366f133;padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.9em;color:#c4b5fd}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 24px;margin:16px 0}.info-card.highlight{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d}.info-card h3{margin-top:0!important}.info-card p:last-child{margin-bottom:0}.benefit-list{list-style:none;padding:0}.benefit-list li{padding-left:28px;position:relative}.benefit-list li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.req-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center}.req-icon{font-size:2rem;display:block;margin-bottom:12px}.req-card h4{margin:0 0 8px}.req-card p{font-size:.9rem;margin:0}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:32px;align-items:start}.workflow-step{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;height:auto}.step-number{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:16px;flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.step-main-content{margin-bottom:16px;flex:1}.step-main-content h3{margin:0 0 10px;font-size:1.1rem;color:#fff;font-weight:600;text-align:left}.step-main-content p{line-height:1.6;color:#ffffffbf;margin:0;font-size:.9rem;text-align:left}.step-tips{background:#6366f114;padding:14px 16px;border-radius:10px;border-left:3px solid #6366f1;margin-top:auto}.step-tips strong{color:#a5b4fc;display:block;margin-bottom:8px;font-size:.85rem;font-weight:600;text-align:left}.step-tips ul{margin:0;padding:0;list-style:none;text-align:left}.step-tips li{margin-bottom:6px;font-size:.85rem;line-height:1.5;color:#ffffffb3;padding-left:18px;position:relative}.step-tips li:before{content:"→";position:absolute;left:0;color:#818cf8}.step-tips li:last-child{margin-bottom:0}.data-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.data-type{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;text-align:center}.type-icon{font-size:1.5rem;display:block;margin-bottom:8px}.data-type h4{font-size:.9rem;margin:0 0 6px}.data-type p{font-size:.8rem;margin:0;color:#ffffff80}.model-types{display:flex;flex-direction:column;gap:16px}.model-type-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px}.model-type-card h4{color:#a5b4fc;margin-bottom:12px}.model-type-card p{margin:4px 0;font-size:.9rem}.metrics-explainer{display:flex;flex-direction:column;gap:20px;margin-top:16px}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-name{color:#fff;font-weight:600;font-size:1.1rem}.metric-range{color:#ffffff80;font-size:.85rem}.metric-scale{display:flex;gap:8px;margin-top:16px}.scale-item{flex:1;padding:10px;border-radius:8px;text-align:center;font-size:.8rem;line-height:1.4}.scale-item.poor{background:#ef444426;color:#fca5a5}.scale-item.fair{background:#f59e0b26;color:#fcd34d}.scale-item.good{background:#10b98126;color:#6ee7b7}.scale-item.excellent{background:#22c55e26;color:#86efac}.formula{background:#6366f126;padding:12px 16px;border-radius:8px;font-family:SF Mono,Monaco,monospace;color:#c4b5fd;text-align:center}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.scenario-card{border-radius:12px;padding:20px;text-align:center}.scenario-card h4{margin-bottom:8px}.scenario-card p{font-size:.9rem;margin:0 0 8px}.scenario-card em{font-size:.8rem;color:#ffffff80}.scenario-card.optimistic{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.scenario-card.neutral{background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.scenario-card.pessimistic{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.glossary-list{display:flex;flex-direction:column;gap:12px}.glossary-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 20px}.glossary-item dt{color:#a5b4fc;font-weight:600;font-size:1rem;margin-bottom:6px}.glossary-item dd{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.5}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s}.faq-item:hover{background:#ffffff0d}.faq-item.expanded{background:#6366f11a;border-color:#6366f14d}.faq-question{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;color:#fff;font-weight:500}.faq-icon{width:24px;height:24px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem;color:#a5b4fc}.faq-answer{padding:0 20px 16px 56px;color:#ffffffb3;line-height:1.7;animation:fadeIn .2s ease}@media(max-width:768px){.content-section{padding:20px}.guide-header{flex-wrap:wrap}.workflow-steps{grid-template-columns:1fr}.workflow-step{padding:20px}.step-number{width:40px;height:40px;font-size:1.1rem}.metric-scale{flex-wrap:wrap}.scale-item{flex:1 1 45%}}.settings-page{max-width:900px;margin:0 auto;animation:fadeIn .4s ease}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s}.back-btn:hover{background:#ffffff1f}.page-title{flex:1}.page-title h1{color:#fff;font-size:1.75rem;margin:0;font-weight:700}.page-title p{color:#fff9;margin:4px 0 0;font-size:.95rem}.save-status{padding:8px 16px;border-radius:8px;font-size:.85rem;transition:all .3s ease}.save-status.saving{background:#eab30826;color:#fbbf24}.save-status.saved{background:#22c55e26;color:#4ade80}.settings-grid{display:flex;flex-direction:column;gap:24px}.settings-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.section-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-header h2{color:#fff;font-size:1.1rem;margin:0;font-weight:600}.account-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border-radius:12px;flex-wrap:wrap}.account-card.not-signed-in{flex-direction:column;text-align:center}.account-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:1.5rem;color:#fff;font-weight:600}.account-avatar.guest{background:#ffffff1a;color:#ffffff80}.account-details{flex:1;min-width:200px}.account-email{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:4px}.account-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;background:#ffffff1a;color:#fff9}.status-badge.connected{background:#22c55e26;color:#4ade80}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%}.member-since{color:#fff6;font-size:.75rem}.signin-prompt{color:#fff9;font-size:.9rem;margin:16px 0 0}.signout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 20px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s}.signout-btn:hover{background:#ef444433}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04)}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1}.setting-label{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:4px}.setting-desc{color:#ffffff80;font-size:.8rem}.setting-control select{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:#fff;font-size:.9rem;cursor:pointer;min-width:180px}.setting-control select option{background:#1e1b4b}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle input:checked+.toggle-slider{background:#6366f1}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.integration-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.integration-card.connected{border-color:#22c55e33}.integration-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.integration-info{flex:1}.integration-name{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:2px}.integration-desc{color:#ffffff80;font-size:.75rem}.status-indicator{font-size:.75rem;padding:4px 10px;border-radius:12px;background:#ffffff1a;color:#fff9}.status-indicator.connected{background:#22c55e26;color:#4ade80}.about-card{display:flex;flex-direction:column;gap:20px}.about-logo{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.about-logo .logo-icon{font-size:2.5rem}.about-logo .logo-text{display:flex;flex-direction:column}.about-logo .logo-name{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-logo .logo-tagline{font-size:.8rem;color:#ffffff80}.about-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.about-row{display:flex;flex-direction:column;gap:4px}.about-label{color:#ffffff80;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.about-value{color:#fff;font-size:.9rem}.about-links{display:flex;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.about-link{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .2s}.about-link:hover{color:#8b5cf6}.danger-zone{border-color:#ef44444d}.danger-zone .section-header{border-bottom-color:#ef444426}.danger-zone .section-header h2{color:#fca5a5}.danger-card{display:flex;align-items:center;gap:20px;padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:12px}.danger-info{flex:1}.danger-label{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:4px}.danger-desc{color:#ffffff80;font-size:.8rem;line-height:1.4}.danger-btn{background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171;padding:10px 20px;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.danger-btn:hover{background:#ef44441a}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:32px;max-width:400px;width:100%;text-align:center}.modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.modal-icon{font-size:3rem}.modal-header h3{color:#fff;font-size:1.25rem;margin:0}.modal-message{color:#ffffffb3;font-size:.95rem;margin:0 0 16px}.delete-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.delete-list li{color:#fffc;font-size:.9rem;padding:10px;background:#ef44441a;border-radius:8px}.modal-warning{color:#fca5a5;font-size:.85rem;font-weight:500;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.modal-btn.cancel:hover{background:#ffffff26}.modal-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.modal-btn.delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}@media(max-width:768px){.page-header{flex-wrap:wrap}.page-title{order:-1;width:100%;margin-bottom:12px}.account-card{flex-direction:column;text-align:center}.account-details{text-align:center}.account-meta{justify-content:center}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.setting-control,.setting-control select{width:100%}.about-details{grid-template-columns:1fr}.danger-card{flex-direction:column;text-align:center}.modal-actions{flex-direction:column}}.log-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.log-viewer{background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;color:#e0e0e0;font-family:Monaco,Courier New,monospace;box-shadow:0 10px 40px #000c}.log-viewer-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background:#222}.log-viewer-header h2{margin:0;font-size:20px;color:#fff}.header-controls{display:flex;gap:10px;align-items:center}.auto-refresh-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#aaa;cursor:pointer}.auto-refresh-toggle input{cursor:pointer}.refresh-btn,.copy-btn,.clear-btn,.close-btn{padding:8px 16px;border:1px solid #444;background:#2a2a2a;color:#e0e0e0;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s}.refresh-btn:hover{background:#3a3a3a;border-color:#555}.copy-btn:hover{background:#1a4d1a;border-color:#2d7a2d}.clear-btn:hover{background:#4d1a1a;border-color:#7a2d2d}.close-btn{font-size:24px;padding:4px 12px;line-height:1}.close-btn:hover{background:#4a1a1a;border-color:#7a2d2d}.log-viewer-filters{padding:15px 20px;border-bottom:1px solid #333;display:flex;gap:20px;background:#1e1e1e}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-size:13px;color:#aaa}.filter-group select,.filter-group input{padding:6px 12px;background:#2a2a2a;border:1px solid #444;color:#e0e0e0;border-radius:4px;font-size:13px;font-family:inherit}.filter-group input{width:300px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#555}.log-viewer-content{flex:1;overflow-y:auto;padding:10px;background:#1a1a1a}.log-loading,.log-empty{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:16px}.log-list{display:flex;flex-direction:column;gap:2px}.log-entry{padding:10px 15px;background:#222;border:1px solid #2a2a2a;border-radius:4px;cursor:pointer;transition:all .15s;font-size:13px}.log-entry:hover{background:#272727;border-color:#333}.log-entry.expanded{background:#2a2a2a;border-color:#444}.log-header-line{display:flex;gap:10px;align-items:center;margin-bottom:5px}.log-timestamp{color:#888;font-size:12px;min-width:140px}.log-source{font-weight:600;margin:0 8px;padding:2px 8px;border-radius:4px;font-size:11px;min-width:85px;text-align:center;display:inline-block}.log-source.frontend{background:#1e3a5f;color:#64b5f6;border:1px solid #2962ff}.log-source.backend{background:#4a1e5f;color:#ba68c8;border:1px solid #7b1fa2}.log-level{font-weight:700;min-width:70px;font-size:12px}.log-method{color:#99f;min-width:50px;font-weight:600;font-size:12px}.log-endpoint{color:#6cf;flex:1}.log-status{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700}.log-status.success{background:#1a4d1a;color:#6f6}.log-status.error{background:#4d1a1a;color:#f66}.log-message{color:#ccc;padding-left:150px;line-height:1.4}.log-details{margin-top:15px;padding-top:15px;border-top:1px solid #333;padding-left:150px}.log-detail-item{margin-bottom:10px;font-size:12px}.log-detail-item strong{color:#888;display:block;margin-bottom:5px}.log-json{background:#1a1a1a;border:1px solid #333;padding:10px;border-radius:4px;overflow-x:auto;color:#6f6;font-size:11px;line-height:1.5;margin-top:5px;max-height:300px;overflow-y:auto}.log-viewer-footer{padding:12px 20px;border-top:1px solid #333;text-align:center;font-size:12px;color:#666;background:#1e1e1e}.log-viewer-content::-webkit-scrollbar{width:10px}.log-viewer-content::-webkit-scrollbar-track{background:#1a1a1a}.log-viewer-content::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.log-viewer-content::-webkit-scrollbar-thumb:hover{background:#555}.log-json::-webkit-scrollbar{width:6px;height:6px}.log-json::-webkit-scrollbar-track{background:#1a1a1a}.log-json::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.log-json::-webkit-scrollbar-thumb:hover{background:#444}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.auth-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;padding:40px;width:100%;max-width:420px;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#94a3b8;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-modal-close:hover{background:#fff3;color:#fff}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-modal-header h2{color:#fff;font-size:1.75rem;margin:0 0 8px;font-weight:600}.auth-modal-subtitle{color:#94a3b8;font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{color:#e2e8f0;font-size:.9rem;font-weight:500}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;font-size:1rem;color:#fff;transition:all .2s}.auth-field input::placeholder{color:#64748b}.auth-field input:focus{outline:none;border-color:#6366f1;background:#6366f11a;box-shadow:0 0 0 3px #6366f133}.auth-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:16px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;margin-top:8px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-loading{display:flex;align-items:center;justify-content:center;gap:8px}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;color:#f87171;font-size:.9rem;text-align:center}.auth-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:12px 16px;color:#4ade80;font-size:.9rem;text-align:center}.auth-footer{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.auth-link{background:none;border:none;color:#6366f1;font-size:.9rem;cursor:pointer;padding:0;transition:color .2s}.auth-link:hover{color:#818cf8;text-decoration:underline}.auth-divider{width:100%;display:flex;align-items:center;gap:16px;color:#64748b;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-secondary-btn{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;font-size:.95rem;font-weight:500;color:#e2e8f0;cursor:pointer;transition:all .2s}.auth-secondary-btn:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:480px){.auth-modal{padding:28px 24px;margin:10px}.auth-modal-header h2{font-size:1.5rem}}.user-menu-container{position:relative}.user-menu-skeleton{width:40px;height:40px;border-radius:50%;background:#ffffff1a;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.login-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.login-icon{font-size:1.1rem}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.user-avatar:hover{transform:scale(1.05);border-color:#fff6;box-shadow:0 4px 15px #6366f166}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:linear-gradient(145deg,#1e1e3f,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d;z-index:999;overflow:hidden;animation:menuSlideIn .2s ease-out}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:14px;padding:20px;background:#6366f11a}.user-menu-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-info{overflow:hidden}.user-menu-email{color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-status{color:#4ade80;font-size:.8rem;margin-top:4px}.user-menu-divider{height:1px;background:#ffffff14}.user-menu-items{padding:8px}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;border-radius:10px;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .15s;text-align:left}.user-menu-item:hover{background:#ffffff14}.user-menu-icon{font-size:1.1rem;width:24px;text-align:center}.user-menu-signout{margin:8px;color:#f87171}.user-menu-signout:hover{background:#ef44441a}.user-menu-signout:disabled{opacity:.6;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1.5rem;position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#0f0a23f2,#0f0a2300);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-left{flex-shrink:0;cursor:pointer;transition:transform .2s ease}.header-left:hover{transform:scale(1.02)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:2.25rem;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4))}.logo-image{width:56px;height:56px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 18px rgba(139,92,246,.25))}.logo-text h1{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.logo-tagline{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;display:block;font-weight:500}.header-nav{display:flex;gap:4px;flex:1;justify-content:center;padding:5px;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.08);margin:0 2rem;box-shadow:0 2px 12px #0000001a}.nav-btn{background:transparent;border:none;color:#fff9;padding:10px 18px;border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative}.nav-btn .nav-icon{font-size:1.1rem}.nav-btn:hover{background:#ffffff14;color:#fffffff2}.nav-btn.active{background:linear-gradient(135deg,#6366f14d,#8b5cf633);color:#fff;box-shadow:0 2px 8px #6366f133}.nav-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.guide-btn{display:flex}.guide-btn.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.logs-btn{display:none}.mobile-menu-btn{display:none;width:40px;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.25rem;cursor:pointer}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:12px;background:#0f0a23f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:1rem}.mobile-nav-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:10px;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .2s;text-align:left}.mobile-nav-btn:hover{background:#ffffff0f}.mobile-nav-btn.active{background:#6366f133;color:#fff}.mobile-nav-btn .nav-icon{font-size:1.25rem}.mobile-nav-divider{height:1px;background:#ffffff14;margin:8px 0}.main{flex:1;display:flex;flex-direction:column}.footer{margin-top:auto;padding:2.5rem 0 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,transparent 0%,rgba(15,10,35,.3) 100%)}.footer-content{display:flex;align-items:center;gap:12px;color:#fff6;font-size:.85rem}.footer-brand{font-weight:600;color:#ffffffb3;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-divider{opacity:.3}.footer-links{display:flex;align-items:center;gap:20px}.footer-link{background:none;border:none;color:#ffffff73;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;padding:6px 0;position:relative}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .2s ease}.footer-link:hover{color:#ffffffd9}.footer-link:hover:after{width:100%}.error{background:#ef44441a;color:#fca5a5;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(239,68,68,.3);text-align:center}@media(max-width:900px){.header-nav{margin:0 1rem}.nav-btn .nav-label{display:none}.nav-btn{padding:10px 12px}}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-nav{display:flex}.header{margin-bottom:1rem}.logo-text h1{font-size:1.5rem}.logo-tagline{display:none}.footer{flex-direction:column;gap:12px;text-align:center}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.text-gradient{background:linear-gradient(135deg,#fff,#a5b4fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.fade-in{animation:fadeIn .4s ease}.data-info{background:#ffffff0d;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.data-info p{margin:0;color:#ffffffb3;font-size:.95rem}.reset-button{padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-button:hover{background:#ffffff26}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--accent-purple: #8b5cf6;--accent-violet: #a78bfa;--accent-pink: #ec4899;--accent-rose: #f43f5e;--accent-cyan: #06b6d4;--accent-teal: #14b8a6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-orange: #f97316;--success: #22c55e;--success-light: #4ade80;--warning: #eab308;--warning-light: #fbbf24;--error: #ef4444;--error-light: #f87171;--info: #3b82f6;--info-light: #60a5fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-bg-active: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25);--shadow-glow-purple: 0 0 40px rgba(139, 92, 246, .3);--shadow-glow-indigo: 0 0 40px rgba(99, 102, 241, .3);--shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, .3);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:linear-gradient(145deg,#0f0a23,#1e1b4b,#312e81,#3730a3,#4c1d95);background-attachment:fixed;min-height:100vh;padding:1.5rem;color:#fff;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 85%,rgba(139,92,246,.2) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(99,102,241,.18) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(6,182,212,.1) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:backgroundShift 30s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1}#root{max-width:1400px;margin:0 auto;position:relative}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#fff}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.1rem;font-weight:500}p{color:#fffc}small{font-size:.875rem;color:#fff9}strong,b{font-weight:600}a{color:var(--primary-300);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-200)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-purple) 100%);color:#fff;font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:0 4px 14px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;color:#ffffffb3;font-weight:500;font-size:.9rem;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-ghost:hover{background:var(--glass-bg);color:#fff}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--error-light);font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-danger:hover{background:#ef444440}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{font-family:inherit;font-size:.95rem;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-normal);width:100%}input::placeholder,textarea::placeholder{color:#fff6}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-400);background:#ffffff14;box-shadow:0 0 0 3px #6366f126}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='rgba(255,255,255,0.6)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}select option{background:#1e1b4b;color:#fff}label{display:block;font-size:.875rem;font-weight:500;color:#fffc;margin-bottom:8px}input[type=checkbox],input[type=radio]{width:auto;margin-right:10px;accent-color:var(--primary-500)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px}::selection{background:var(--primary-500);color:#fff}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--primary-300) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#fff 0%,var(--accent-cyan) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:linear-gradient(135deg,#fff 0%,var(--accent-pink) 50%,var(--accent-rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-success{background:#22c55e26;color:var(--success-light)}.badge-warning{background:#eab30826;color:var(--warning-light)}.badge-error{background:#ef444426;color:var(--error-light)}.badge-info{background:#3b82f626;color:var(--info-light)}.badge-purple{background:#8b5cf626;color:var(--accent-violet)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-400);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.divider{height:1px;background:#ffffff14;margin:var(--space-6) 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-fadeInUp{animation:fadeInUp .5s ease both}.animate-fadeInDown{animation:fadeInDown .5s ease both}.animate-slideInLeft{animation:slideInLeft .5s ease both}.animate-slideInRight{animation:slideInRight .5s ease both}.animate-scaleIn{animation:scaleIn .3s ease both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media(max-width:768px){body{padding:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.btn-primary,.btn-secondary{padding:10px 20px;font-size:.9rem}}@media(max-width:480px){body{padding:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}@media print{body{background:#fff;color:#000;padding:0}body:before,body:after{display:none}.glass-card{background:#f5f5f5;border:1px solid #ddd;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
