.auth-container{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-card{background:#fff;border-radius:18px;box-shadow:0 24px 64px #00000026;padding:48px 44px;width:100%;max-width:440px;animation:slideUp .4s ease-out;border:1px solid rgba(0,0,0,.04);margin:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px}.auth-header p{color:#6c757d;font-size:15px;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1a1a2e;font-size:14px;font-weight:600}.form-group input{padding:14px 16px;border:1.5px solid #e9ecef;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff;color:#1a1a2e}.form-group input:focus{outline:none;border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a}.form-group input.error{border-color:#c92a2a}.error-message{color:#c92a2a;font-size:13px;margin-top:-4px}.forgot-password{text-align:right;margin-top:-8px}.forgot-password a{color:#3b5bdb;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.forgot-password a:hover{color:#364fc7}.submit-btn{padding:15px;background:linear-gradient(135deg,#1a1a2e,#2d3748);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:8px;display:flex;align-items:center;justify-content:center}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a1a2e40}.submit-btn:active{transform:translateY(0)}.divider{display:flex;align-items:center;text-align:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e9ecef}.divider span{padding:0 16px;color:#adb5bd;font-size:13px;font-weight:500}.social-login{display:flex;gap:14px}.social-btn{flex:1;padding:12px;border:1.5px solid #e9ecef;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:#1a1a2e}.social-btn:hover{border-color:#3b5bdb;background:#f8f9fa}.auth-footer{text-align:center;margin-top:28px;color:#6c757d;font-size:14px}.auth-footer a{color:#3b5bdb;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:#364fc7}@media (max-width: 480px){.auth-container{padding:40px 16px 16px;align-items:flex-start}.auth-card{padding:28px 20px;border-radius:14px;max-width:100%}.auth-header h1{font-size:22px}.auth-header p{font-size:14px}.form-group label{font-size:13px}.form-group input{padding:12px 14px;font-size:16px}.submit-btn{padding:14px;font-size:14px}.social-login{flex-direction:column;gap:10px}.social-btn{padding:12px;font-size:14px}}.dashboard-container{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);animation:fadeIn .4s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.dashboard-card{background:var(--bg-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:36px;width:100%;max-width:900px;margin:auto 0;animation:slideUp .4s ease-out;border:1px solid rgba(0,0,0,.04)}.dashboard-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.dashboard-header h1{font-size:26px;font-weight:700;color:var(--text-dark);margin:0 0 var(--spacing-xs) 0;letter-spacing:-.5px}.dashboard-header p{font-size:14px;color:var(--text-light);margin:0;font-weight:400}.dashboard-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;padding:0 4px 8px}.dashboard-section-label+.dashboard-content{margin-bottom:20px}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}.info-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px 18px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);opacity:0;transition:opacity .25s ease}.info-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 28px #3b5bdb1f}.info-card:hover:before{opacity:1}.info-card svg{color:var(--primary);margin-bottom:10px;transition:transform .25s ease}.info-card:hover svg{transform:scale(1.08)}.info-card h3{color:var(--text-dark);font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:-.3px}.info-card p{color:var(--text-light);font-size:12px;margin:0}.logout-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--danger) 0%,#b91c1c 100%);color:var(--bg-white);border:none;border-radius:var(--border-radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc262640}.logout-btn:active{transform:translateY(0)}@media (max-width: 768px){.dashboard-container{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl)}.dashboard-card{padding:24px 16px;width:100%;max-width:100%;margin-bottom:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.dashboard-header h1{font-size:22px}.dashboard-header p{font-size:14px}.dashboard-content{grid-template-columns:1fr;gap:12px}.info-card{padding:20px 16px}.info-card h3{font-size:15px}.info-card p{font-size:12px}.logout-btn{padding:14px;font-size:14px}}.admin-container{min-height:100%;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;max-width:1400px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.04)}.admin-header h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.admin-header p{color:#64748b;font-size:15px;margin:0;font-weight:500}.admin-actions{display:flex;gap:12px}.btn-secondary,.btn-logout{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 2px 4px #3b82f633}.btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.btn-secondary:hover,.btn-logout:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px 24px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap;max-width:1400px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.04)}.filter-btn{padding:10px 24px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.filter-btn.active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 2px 8px #3b82f64d}.loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:60px 40px;text-align:center;color:#64748b;font-size:16px;max-width:1400px;margin-left:auto;margin-right:auto}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:60px 40px;text-align:center;max-width:1400px;margin-left:auto;margin-right:auto}.empty-state h3{color:#1e293b;font-size:22px;margin:20px 0 10px;font-weight:600}.empty-state p{color:#64748b;font-size:15px}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;max-width:1400px;margin-left:auto;margin-right:auto}.request-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease;border:1px solid rgba(0,0,0,.04)}.request-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#3b82f6}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.request-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge.approved{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-badge.rejected{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.request-details{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.detail-row{display:flex;flex-direction:column;gap:6px}.detail-row .label{font-size:11px;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.8px}.detail-row .value{font-size:14px;color:#0f172a;word-break:break-word;font-weight:500}.detail-row.reason .value{background:#f8fafc;padding:14px;border-radius:8px;font-size:13px;line-height:1.6;border:1px solid #e2e8f0;color:#334155}.request-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid #f1f5f9}.btn-approve,.btn-reject{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98133}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.btn-approve:hover,.btn-reject:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.requests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.admin-container{padding:20px}}@media (max-width: 768px){.admin-container{padding:16px}.admin-header{flex-direction:column;align-items:flex-start;padding:20px;margin-bottom:16px;gap:12px;border-radius:12px}.admin-header h1{font-size:24px;margin-bottom:6px}.admin-header p{font-size:14px}.admin-actions{width:100%;flex-wrap:wrap}.btn-secondary,.btn-logout{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.admin-filters{padding:12px 16px;margin-bottom:16px;gap:8px;border-radius:12px}.filter-btn{flex:1;min-width:80px;padding:10px 16px;font-size:13px}.requests-grid{grid-template-columns:1fr;gap:16px}.request-card{padding:20px;border-radius:12px}.request-header{margin-bottom:16px;padding-bottom:12px}.request-header h3{font-size:16px}.status-badge{padding:4px 12px;font-size:10px}.request-details{gap:12px;margin-bottom:16px}.detail-row .label{font-size:10px}.detail-row .value{font-size:13px}.detail-row.reason .value{padding:12px;font-size:12px}.request-actions{flex-direction:column;gap:10px;padding-top:16px;margin-top:16px}.btn-approve,.btn-reject{width:100%;padding:12px;font-size:14px}.loading,.empty-state{padding:40px 20px;border-radius:12px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}.loading{font-size:15px}}@media (max-width: 480px){.admin-container{padding:12px}.admin-header,.request-card{padding:16px}.admin-filters{padding:12px}.filter-btn{padding:8px 12px;font-size:12px}}.data-upload-container{min-height:100%;width:100%;background:var(--gradient-primary);padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.data-upload-header{width:100%;margin:0 0 28px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;padding:0 8px}.data-upload-header h1{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px}.data-upload-header p{margin:0;opacity:.9;font-size:14px;font-weight:400}.upload-card{width:100%;background:var(--bg-white);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box}.upload-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:30px;text-align:center}.step-header h2{color:var(--text-dark);font-size:24px;margin:0 0 var(--spacing-sm)}.step-header p{color:#6b7280;margin:0}.dataset-name-input{margin-bottom:30px}.dataset-name-input label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.file-upload-area{margin:30px 0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;border:3px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .3s}.file-upload-label:hover{border-color:var(--primary);background:var(--primary-subtle)}.file-upload-label svg{color:var(--primary);margin-bottom:15px}.file-upload-label p{margin:5px 0;color:#374151}.file-info{display:flex;align-items:center;gap:10px;margin-top:15px;padding:15px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.file-info svg{flex-shrink:0}.file-size{color:#6b7280;font-size:14px;margin-left:auto}.config-section{margin-bottom:30px}.config-section label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.preview-section{margin:30px 0}.preview-section h3{color:#1f2937;margin-bottom:15px;font-size:18px}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.preview-table th{padding:12px 15px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;position:relative}.preview-table th.selected-column{background:var(--primary-subtle);color:var(--primary)}.column-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--primary);color:#fff;border-radius:12px;font-size:11px;font-weight:600}.preview-table td{padding:12px 15px;border-bottom:1px solid #e5e7eb;color:#4b5563;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table td.selected-column{background:#f5f3ff;font-weight:500}.preview-table tbody tr:hover{background:#f9fafb}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-primary{padding:12px 32px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1a1a2e33}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:12px 32px;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-logout{padding:12px 24px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-logout:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.success-step{display:flex;flex-direction:column;align-items:center;padding:60px 20px;text-align:center}.success-step svg{margin-bottom:20px}.success-step h2{margin:0 0 15px;font-size:28px}.success-step p{color:#6b7280;margin:5px 0}.error-message{margin-top:20px;padding:15px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;text-align:center}@media (max-width: 1024px){.upload-card{padding:var(--spacing-xl)}.preview-table th,.preview-table td{font-size:13px;padding:10px 12px}}@media (max-width: 768px){.data-upload-container{padding:0}.data-upload-header{flex-direction:column;gap:16px;padding:0 12px;margin-bottom:16px}.data-upload-header h1{font-size:24px}.data-upload-header p{font-size:13px}.header-actions{width:100%;flex-wrap:wrap}.btn-secondary,.btn-logout{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.upload-card{padding:16px;border-radius:16px;margin:0 12px}.step-header h2{font-size:20px}.step-header p,.dataset-name-input label,.config-section label{font-size:13px}.input-field{padding:12px 14px;font-size:16px}.file-upload-label{padding:40px 16px}.file-upload-label p{font-size:13px}.file-info{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.file-size{margin-left:0}.preview-section h3{font-size:16px}.table-container{max-height:300px;border-radius:6px}.preview-table{font-size:12px}.preview-table th,.preview-table td{padding:8px 10px;font-size:12px;max-width:150px}.column-badge{font-size:10px;padding:2px 6px}.action-buttons{flex-direction:column;gap:10px;margin-top:20px}.btn-primary,.btn-secondary{width:100%;padding:14px 24px;font-size:14px}.success-step{padding:40px 16px}.success-step h2{font-size:22px}.success-step p{font-size:14px}.error-message{padding:12px;font-size:13px}}@media (max-width: 480px){.upload-card{padding:12px;margin:0 8px}.step-header h2{font-size:18px}.file-upload-label{padding:30px 12px}.preview-table th,.preview-table td{padding:6px 8px;font-size:11px;max-width:120px}}.datasets-container{min-height:100%;width:100%;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.datasets-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin-bottom:var(--spacing-lg);flex-shrink:0}.datasets-header h1{margin:0 0 4px;font-size:24px;font-weight:600;letter-spacing:-.5px;color:#0f172a}.datasets-header p{margin:0;color:#64748b;font-size:14px}.header-actions{display:flex;gap:10px}.datasets-card{width:100%;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a;border:1px solid #e2e8f0;box-sizing:border-box}.datasets-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.filter-buttons{display:flex;gap:6px}.filter-buttons button{padding:6px 14px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.filter-buttons button:hover{border-color:#8b5cf6;color:#7c3aed}.filter-buttons button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:transparent}.refresh-btn{padding:6px 14px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.refresh-btn:hover:not(:disabled){background:#f1f5f9}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:#64748b}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#374151;margin:8px 0;font-size:16px}.empty-state p{color:#94a3b8;margin-bottom:16px;font-size:14px}.table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px}.datasets-table{width:100%;border-collapse:collapse;font-size:13px}.datasets-table thead{background:#f8fafc;position:sticky;top:0;z-index:1}.datasets-table th{padding:10px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.datasets-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}.datasets-table tbody tr{transition:background .1s ease}.datasets-table tbody tr:hover{background:#faf5ff}.datasets-table tbody tr:last-child td{border-bottom:none}.file-type-cell{width:80px}.file-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px}.file-type-badge[data-type=csv]{background:#dbeafe;color:#1d4ed8}.file-type-badge[data-type=json]{background:#fef3c7;color:#b45309}.file-type-badge[data-type=parquet]{background:#e0e7ff;color:#4338ca}.dataset-name-cell strong{color:#0f172a;font-size:13px;font-weight:600}.filename-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px}.column-cell code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#7c3aed}.size-cell{white-space:nowrap;font-size:12px;color:#64748b}.date-cell{white-space:nowrap;font-size:12px;color:#94a3b8}.status-cell{width:90px}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.actions-cell{width:80px}.actions-cell{display:flex;align-items:center;gap:2px}.action-btn{padding:5px 8px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:all .15s;background:transparent;line-height:1}.action-btn:hover{background:#f1f5f9}.action-btn.preview-btn:hover{background:#ede9fe}.action-btn.delete-btn:hover{background:#fef2f2}.btn-primary{padding:9px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:0 2px 4px #8b5cf640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.btn-secondary{padding:9px 20px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#f1f5f9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:14px;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000040;animation:modalSlideIn .2s ease-out;padding:24px;overflow:hidden}.modal-content.modal-large{max-width:1100px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e2e8f0;margin-bottom:16px;flex-shrink:0}.preview-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.close-modal-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.preview-table-wrapper{flex:1;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;max-height:58vh}.preview-table{width:100%;border-collapse:collapse;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace}.preview-table thead{position:sticky;top:0;z-index:1}.preview-table th{background:#f8fafc;padding:8px 12px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e2e8f0;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.preview-table td{padding:5px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.preview-table tbody tr:hover td{background:#faf5ff}.preview-table tbody tr:nth-child(2n) td{background:#fafbfc}.preview-table tbody tr:nth-child(2n):hover td{background:#faf5ff}.row-num-header,.row-num{color:#94a3b8;font-size:10px;width:36px;text-align:right;padding-right:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.preview-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px;font-size:13px;color:#64748b;flex-shrink:0}.preview-pagination button{padding:5px 14px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s}.preview-pagination button:hover:not(:disabled){background:#f1f5f9}.preview-pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #f1f5f9;flex-shrink:0}@media (max-width: 1024px){.table-wrapper{overflow-x:scroll}.datasets-table th,.datasets-table td{white-space:nowrap}}@media (max-width: 768px){.datasets-header{flex-direction:column;gap:12px;align-items:flex-start}.datasets-toolbar{flex-direction:column;gap:10px;align-items:flex-start}.filter-buttons{flex-wrap:wrap}.datasets-table th,.datasets-table td{padding:8px 10px;font-size:12px}.file-type-badge,.status-badge{padding:2px 8px;font-size:10px}.filename-cell{max-width:120px}}.mining-container{min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.mining-header{width:100%;display:flex;justify-content:space-between;align-items:center;color:#1e293b;background:linear-gradient(135deg,#fff,#f8fafc);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;border:1px solid #e2e8f0;flex-shrink:0;margin-bottom:var(--spacing-lg)}.header-title{display:flex;align-items:center;gap:16px}.header-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--border-radius-md);flex-shrink:0;box-shadow:0 2px 4px #3b82f640}.header-icon-wrapper svg.page-icon{stroke:#fff;width:26px;height:26px}.header-text{display:flex;flex-direction:column;gap:4px}.mining-header h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px;color:#0f172a;line-height:1.2}.mining-header p{margin:0;color:#64748b;font-size:14px;font-weight:400;letter-spacing:.01em}.mining-content{width:100%;display:grid;grid-template-columns:380px 1fr;gap:var(--spacing-lg);align-items:stretch;flex:1;min-height:0;overflow:visible}.jobs-card,.datasets-card{background:linear-gradient(180deg,#fff,#fafbfc);border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;border:1px solid #e2e8f0;transition:all .2s ease;display:flex;flex-direction:column;height:auto;min-height:400px;overflow:visible}.jobs-card:hover,.datasets-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008;border-color:#cbd5e1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;position:relative;flex-shrink:0;gap:12px;flex-wrap:wrap}.card-header h2{color:#334155;font-size:16px;font-weight:600;margin:0;letter-spacing:-.2px}.jobs-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:0}.stat-badge.stat-total{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.stat-badge.stat-running{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.stat-badge.stat-completed{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.stat-badge.stat-failed{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.jobs-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;flex-shrink:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:14px;border-radius:8px;border:1px solid #e2e8f0}.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.search-input-simple{padding:8px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:400;transition:all .2s ease;background:#fff;color:#334155;min-width:180px;margin-left:auto}.search-input-simple:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input-simple::placeholder{color:#94a3b8;font-weight:400}.filter-select{padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;background:#fff;cursor:pointer;transition:all .2s ease;min-width:130px;-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'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b5bdb1a}.filter-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.card-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.cleanup-btn{padding:7px 14px;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.cleanup-btn:hover:not(:disabled){background:#fde68a;border-color:#f59e0b}.cleanup-btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary-small{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-primary-small:hover{background:#4338ca;box-shadow:0 2px 4px #0000001a}.job-card-pro{background:#fff;border-radius:10px;border:1px solid #e8ecf1;transition:all .2s ease;box-shadow:0 1px 2px #00000008;overflow:visible}.job-card-pro:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.job-card-pro.running{border-left:3px solid #3b82f6}.job-card-pro.completed{border-left:3px solid #10b981}.job-card-pro.failed{border-left:3px solid #ef4444}.job-card-pro.pending{border-left:3px solid #f59e0b}.job-card-main{padding:16px;display:flex;flex-direction:column;gap:12px}.job-left{flex:1;min-width:0}.job-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.job-dataset-name{font-size:15px;font-weight:600;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-.2px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-pill.running{background:#eff6ff;color:#1d4ed8}.status-pill.completed{background:#f0fdf4;color:#065f46}.status-pill.failed{background:#fee2e2;color:#991b1b}.status-pill.pending{background:#fef3c7;color:#92400e}.job-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;padding:10px;background:#f9fafb;border-radius:8px}.meta-item{display:flex;flex-direction:column;gap:3px}.meta-value.mono{font-family:Monaco,Courier New,monospace;font-size:12px;color:var(--primary)}.meta-value.clickable{cursor:pointer;transition:all .2s}.meta-value.clickable:hover{color:var(--primary)}.mode-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.mode-badge.local{background:#dbeafe;color:#1e40af}.mode-badge.azure{background:#e0e7ff;color:#4338ca}.job-timeline{display:flex;gap:16px;padding:10px;background:#f9fafb;border-radius:8px;margin-bottom:10px}.error-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:12px}.error-icon{font-size:16px;flex-shrink:0;line-height:1}.error-text{font-size:12px;font-weight:500;color:#991b1b;line-height:1.4}.job-actions-panel{display:flex;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #f3f4f6}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border:2px solid;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#fff}.btn-action .btn-icon{font-size:14px;line-height:1}.btn-action .btn-text{line-height:1}.btn-action.primary{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.btn-action.primary:hover{background:var(--primary);color:#fff;box-shadow:0 2px 6px #3b5bdb33}.btn-action.secondary{border-color:#6b7280;color:#6b7280;background:#f9fafb}.btn-action.secondary:hover{background:#6b7280;color:#fff;box-shadow:0 2px 6px #6b728033}.btn-action.success{border-color:var(--success);color:var(--success);background:var(--success-light)}.btn-action.success:hover{background:var(--success);color:#fff;box-shadow:0 2px 6px #09926833}.btn-action.danger{border-color:#d1d5db;color:#6b7280;background:#fff}.btn-action.danger:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-action.danger:disabled{opacity:.5;cursor:not-allowed}.jobs-list{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.jobs-list::-webkit-scrollbar{width:6px}.jobs-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.jobs-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.jobs-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.job-item{display:flex;align-items:flex-start;gap:18px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;background:#f8fafc;position:relative}.job-item:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 2px 8px #0000000a}.job-item.running{border-color:#3b82f6;background:#eff6ff;border-left:4px solid #3b82f6}.job-item.completed{border-color:#10b981;background:#f0fdf4;border-left:4px solid #10b981}.job-item.failed{border-color:#ef4444;background:#fef2f2;border-left:4px solid #ef4444}.job-icon{font-size:32px;flex-shrink:0}.job-details{flex:1}.job-details h4{margin:0 0 5px;color:#1f2937;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-details p{margin:3px 0;color:#6b7280;font-size:13px;line-height:1.5}.job-meta{font-size:12px!important;color:#9ca3af!important}.job-id{font-size:11px!important;color:#6b7280!important;font-family:Courier New,monospace!important;margin-top:4px!important;opacity:.8!important}.error-message-small{color:#dc2626!important;font-size:12px!important;margin-top:5px!important}.job-status{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.job-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-badge{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.running{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.failed{background:#fee2e2;color:#991b1b}.download-btn{padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.download-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.logs-btn{padding:6px 12px;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.logs-btn:hover{background:#bae6fd;border-color:#7dd3fc}.logs-btn.error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.logs-btn.error:hover{background:#fca5a5;border-color:#f87171}.results-btn{padding:6px 12px;background:#d1fae5;color:#065f46;border:1px solid #a7f3d0;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.results-btn:hover{background:#a7f3d0;border-color:#6ee7b7}.delete-btn{padding:6px 12px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.delete-btn:hover:not(:disabled){background:#fca5a5;border-color:#f87171}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.datasets-grid{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px;align-content:start;min-height:0}.datasets-grid::-webkit-scrollbar{width:8px}.datasets-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.datasets-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:4px}.datasets-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.dataset-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.dataset-card:hover{border-color:var(--primary);background:#fafafa;box-shadow:0 2px 8px #3b5bdb1a}.dataset-icon{font-size:40px;flex-shrink:0;transition:all .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px}.dataset-card:hover .dataset-icon{transform:scale(1.1);background:#e0e7ff}.dataset-card h4{margin:0 0 4px;color:#0f172a;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-meta{color:#6b7280;font-size:12px;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dataset-meta code{background:#f3f4f6;padding:3px 8px;border-radius:5px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;color:var(--primary);font-weight:600}.dataset-size{color:#94a3b8;font-size:11px;margin-left:auto;font-weight:600;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.modal-large{max-width:900px}.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.modal-header-modern h3{margin:0 0 6px;font-size:24px;font-weight:700;color:#0f172a}.modal-subtitle{margin:0;font-size:15px;color:#6b7280;font-weight:500}.close-modal-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:18px;font-weight:600;transition:all .2s;flex-shrink:0}.close-modal-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.config-viewer{display:flex;flex-direction:column;gap:24px}.config-section h4{margin:0 0 14px;font-size:16px;font-weight:700;color:#0f172a;padding:10px 14px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;border-left:4px solid var(--primary)}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#f9fafb;padding:16px;border-radius:10px;border:1px solid #e5e7eb}.config-item{display:flex;flex-direction:column;gap:6px}.config-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.config-value{font-size:13px;font-weight:600;color:#0f172a;font-family:SF Mono,Monaco,monospace;background:#fff;padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb}.status-badge-modern{display:inline-block;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-align:center}.status-badge-modern.pending{background:#fef3c7;color:#92400e}.status-badge-modern.running{background:#dbeafe;color:#1e40af}.status-badge-modern.completed{background:#d1fae5;color:#065f46}.status-badge-modern.failed{background:#fee2e2;color:#991b1b}.execution-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center}.execution-badge.local{background:#dbeafe;color:#1e40af}.execution-badge.azure{background:#e0e7ff;color:#4338ca}.json-viewer-modern{background:#0f172a;color:#e2e8f0;padding:20px;border-radius:10px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word;border:2px solid #1e293b;box-shadow:inset 0 2px 4px #0000004d;max-height:500px;overflow-y:auto}.json-viewer-modern::-webkit-scrollbar{width:10px;height:10px}.json-viewer-modern::-webkit-scrollbar-track{background:#020617;border-radius:5px}.json-viewer-modern::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);border-radius:5px;border:2px solid #0f172a}.json-viewer-modern::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8)}.modal-content h3{margin:0 0 10px;color:#1f2937;font-size:24px}.params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.input-field{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b5bdb1a}.input-field:disabled{background:#f3f4f6;cursor:not-allowed}.execution-mode-toggle{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.radio-option:hover{border-color:#cbd5e1;background:#f8fafc}.radio-option input[type=radio]{margin:2px 0 0;cursor:pointer}.radio-option input[type=radio]:checked+span{color:#0f172a;font-weight:600}.radio-option:has(input:checked){border-color:#0f172a;background:#f8fafc}.radio-option span{flex:1;font-size:14px;font-weight:500;color:#374151;line-height:1.4}.radio-option small{display:block;font-size:12px;color:#6b7280;margin-top:2px;font-weight:400}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.error-message{margin:15px 0;padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px}.params-validation-error{margin:0;padding:10px 14px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px;font-weight:500}.param-hint{display:block;margin-top:4px;font-size:11px;color:#6b7280;font-style:italic}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:16px;height:16px;font-size:11px;color:#6b7280;cursor:help;vertical-align:middle;border-radius:50%;transition:color .2s ease}.info-tooltip:hover{color:#3b82f6}.btn-primary{padding:11px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #1a1a2e26}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1a1a2e33}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{padding:12px 24px;background:#fff;color:var(--primary);border:1.5px solid var(--primary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.btn-logout{padding:12px 24px;background:var(--danger);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #c92a2a26}.btn-logout:hover{background:#b91c1c;box-shadow:0 4px 12px #c92a2a33}.logs-modal{max-width:1200px!important;width:90vw;max-height:90vh;display:flex;flex-direction:column}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb;flex-shrink:0}.logs-header h3{margin:0}.logs-content{flex:1;overflow:auto;background:#1e1e1e!important;border-radius:8px;padding:20px;margin-bottom:15px;min-height:0;height:100%}.logs-text{background:#1e1e1e;color:#e5e7eb!important;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-all}.logs-modal .logs-content,.logs-modal .logs-content pre{background:#1e1e1e!important;color:#e5e7eb!important}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#9ca3af}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.results-modal.modal-large{max-width:1100px!important;width:95vw!important}.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:0;transition:all .2s ease}.collapsible-header:hover{background:#f1f5f9}.collapsible-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.collapse-icon{font-size:10px;color:#6b7280;transition:transform .2s ease}.collapse-icon.expanded{transform:rotate(90deg)}.collapsible-content{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.results-header h3{margin:0 0 5px;color:#1f2937;font-size:22px}.results-content{min-height:400px;max-height:70vh;overflow-y:auto;margin-bottom:20px}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#9ca3af}.results-files{display:flex;flex-direction:column;gap:12px}.result-file-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.result-file-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.file-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{font-size:32px;line-height:1}.file-details h5{margin:0 0 5px;color:#1f2937;font-size:14px;font-weight:600}.file-meta{margin:0;color:#6b7280;font-size:12px}.file-actions{display:flex;gap:8px}.preview-file-btn{padding:8px 16px;background:var(--secondary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.preview-file-btn:hover{background:#7c3aed;transform:scale(1.05)}.download-file-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.download-file-btn:hover{background:#059669;transform:scale(1.05)}.preview-section{margin-top:25px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.preview-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.close-preview-btn{padding:4px 10px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.close-preview-btn:hover{background:#dc2626}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#9ca3af}.preview-error{padding:20px;text-align:center;color:#ef4444}.preview-content{padding:15px}.preview-info{margin:0 0 10px;color:#6b7280;font-size:13px;font-weight:500}.column-filter{display:flex;align-items:center}.column-filter-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer;transition:all .2s}.column-filter-select:hover{border-color:#9ca3af}.column-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b5bdb1a}.show-all-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.show-all-btn:hover{background:#dc2626}.table-wrapper{overflow-x:auto;max-height:500px;border:1px solid #e5e7eb;border-radius:6px}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.results-table th{padding:12px 10px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.results-table td{padding:10px;border-bottom:1px solid #f3f4f6;color:#1f2937;max-width:400px;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.results-table tbody tr:hover{background:#f9fafb}.results-table tbody tr:last-child td{border-bottom:none}@media (max-width: 1200px){.mining-content{grid-template-columns:1fr;gap:20px}.jobs-card,.datasets-card{max-height:600px}}@media (max-width: 1024px){.params-grid{grid-template-columns:1fr}.mining-header{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 1024px){.mining-content{grid-template-columns:1fr;gap:16px}.jobs-card,.datasets-card{max-height:500px}.params-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mining-container{padding:0}.mining-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;border-radius:12px}.header-title{gap:12px;width:100%}.header-icon-wrapper{width:40px;height:40px}.header-icon-wrapper svg.page-icon{width:22px;height:22px}.mining-header h1{font-size:20px}.mining-header p{font-size:13px}.mining-content{gap:12px}.datasets-grid{grid-template-columns:1fr}.jobs-card,.datasets-card{padding:12px;max-height:none;min-height:300px;border-radius:8px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-header h2{font-size:15px}.jobs-filters{padding:10px;gap:8px}.jobs-stats{width:100%;justify-content:flex-start;gap:6px}.stat-badge{padding:4px 10px;font-size:11px}.filter-row{flex-direction:column;width:100%;gap:8px}.search-input-simple,.filter-select{width:100%;margin-left:0;font-size:14px;padding:10px 12px}.filter-actions{width:100%;margin-left:0;flex-direction:row;justify-content:space-between}.refresh-btn,.cleanup-btn,.btn-primary-small{flex:1;padding:10px 12px;font-size:13px}.card-actions{flex-wrap:wrap;gap:8px;width:100%}.job-card-pro{border-radius:8px}.job-card-main{padding:12px;gap:10px}.job-meta-grid{grid-template-columns:1fr;gap:8px;padding:8px}.meta-label{font-size:9px}.meta-value{font-size:11px}.job-timeline{flex-direction:column;gap:8px;padding:8px}.job-actions-panel{flex-direction:column;gap:8px}.btn-action{width:100%;justify-content:center;padding:10px 14px;font-size:13px}.dataset-card{padding:12px;gap:12px}.dataset-icon{font-size:32px;width:40px;height:40px}.dataset-card h4{font-size:14px}.dataset-meta{font-size:11px;flex-direction:column;align-items:flex-start}.modal-content{width:95%;padding:20px;max-height:85vh}.modal-header-modern h3{font-size:18px}.config-grid{grid-template-columns:1fr;gap:10px;padding:12px}.params-grid{grid-template-columns:1fr;gap:12px}.input-field{font-size:16px;padding:12px 14px}.modal-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%;padding:12px}.logs-modal{width:95vw!important;max-height:85vh}.logs-content{padding:12px}.logs-text{font-size:11px}.results-modal.modal-large{width:95vw!important}.table-wrapper{max-height:300px}.results-table{font-size:12px}.results-table th,.results-table td{padding:8px 6px;font-size:11px}}.job-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;margin-top:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:13px;color:#1e293b;font-weight:500}.info-value.clickable{cursor:pointer;background:#f1f5f9;padding:4px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;transition:all .2s ease}.info-value.clickable:hover{background:#e2e8f0;color:var(--primary)}.execution-mode{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.execution-mode.local{background:#dbeafe;color:#1e40af}.execution-mode.azure{background:#e0e7ff;color:#4338ca}.view-params-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.params-viewer{background:#f8fafc;border-radius:12px;padding:24px;max-height:600px;overflow-y:auto;border:1px solid #e2e8f0}.param-section{margin-bottom:24px}.param-section:last-child{margin-bottom:0}.param-section h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 14px;padding:10px 12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;border-left:4px solid var(--primary)}.param-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.param-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translate(2px)}.param-key{font-weight:600;color:#475569;font-size:13px;text-transform:capitalize}.param-value{font-weight:600;color:#0f172a;font-size:13px;background:#f1f5f9;padding:4px 10px;border-radius:5px;font-family:SF Mono,Monaco,monospace}.json-viewer{background:#0f172a;color:#e2e8f0;padding:20px;border-radius:10px;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.7;overflow-x:auto;margin:0;white-space:pre-wrap;word-wrap:break-word;border:2px solid #1e293b;box-shadow:inset 0 2px 4px #0000004d;max-height:600px;overflow-y:auto}.json-viewer::-webkit-scrollbar{height:10px;width:10px}.json-viewer::-webkit-scrollbar-track{background:#020617;border-radius:5px}.json-viewer::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);border-radius:5px;border:2px solid #0f172a}.json-viewer::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8)}.cluster-stats-visualization{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:20px;border:1px solid #e2e8f0;margin-bottom:20px}.stats-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-card.primary{border-left:3px solid #3b82f6}.stat-card.success{border-left:3px solid #10b981}.stat-card.warning{border-left:3px solid #f59e0b}.stat-card.info{border-left:3px solid #8b5cf6}.stat-icon{font-size:24px;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-number{font-size:20px;font-weight:700;color:#0f172a;line-height:1.2}.stat-label{font-size:12px;color:#64748b;font-weight:500}.cluster-size-stats{display:flex;justify-content:center;gap:30px;padding:12px 20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:20px}.size-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.size-label{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.size-value{font-size:18px;font-weight:700;color:#0f172a}.bar-chart-container{background:#fff;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.chart-title{margin:0 0 15px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.chart-subtitle{font-weight:400;color:#9ca3af;font-size:12px}.horizontal-bar-chart{max-height:350px;overflow-y:auto;padding-right:8px}.horizontal-bar-chart::-webkit-scrollbar{width:6px}.horizontal-bar-chart::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.horizontal-bar-chart::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.h-bar-row{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid #f1f5f9}.h-bar-row:last-child{border-bottom:none}.h-bar-label{min-width:45px;font-size:11px;font-weight:600;color:#64748b;text-align:right}.h-bar-track{flex:1;height:18px;background:#f1f5f9;border-radius:4px;overflow:hidden}.h-bar{height:100%;border-radius:4px;transition:width .3s ease;min-width:3px}.h-bar-value{min-width:40px;font-size:12px;font-weight:700;color:#0f172a;text-align:left}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;padding-top:12px;border-top:1px solid #f1f5f9}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.legend-color{width:12px;height:12px;border-radius:3px}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}@media (max-width: 900px){.stats-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.stats-summary-cards{grid-template-columns:1fr}.cluster-size-stats{flex-wrap:wrap;gap:15px}}.explorer-container{min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:var(--bg-gray);padding:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.explorer-header{width:100%;margin:0 0 var(--spacing-lg) 0;display:flex;justify-content:space-between;align-items:center;color:var(--text-dark);background:var(--bg-white);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);flex-shrink:0;box-sizing:border-box}.explorer-header>div:first-child{display:flex;align-items:center;gap:16px}.explorer-header h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--accent);display:flex;align-items:center;gap:10px}.explorer-header p{margin:0;color:var(--text-light);font-size:14px;font-weight:500;letter-spacing:.01em}.explorer-content{width:100%;display:grid;grid-template-columns:1fr;gap:16px;align-items:start;flex:1;min-height:0;overflow:visible;box-sizing:border-box}.explorer-content.job-selected{grid-template-columns:clamp(260px,26vw,400px) minmax(0,1fr)}.explorer-content.job-selected.sidebar-collapsed{grid-template-columns:60px minmax(0,1fr)}.explorer-content.job-selected.sidebar-collapsed .clusters-card{padding:12px 8px}.job-selection-card{display:block}.explorer-content.job-selected .job-selection-card{display:none!important}.explorer-content.labeling-mode{grid-template-columns:clamp(240px,24vw,400px) minmax(0,1fr) clamp(280px,28vw,440px)}.explorer-content.labeling-mode.sidebar-collapsed{grid-template-columns:60px minmax(0,1fr) clamp(280px,28vw,440px)}.explorer-content.labeling-mode .job-selection-card{display:none}.explorer-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease;display:flex;flex-direction:column;height:auto;min-height:300px;min-width:0;overflow:visible}.explorer-card:hover{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;border-color:#d1d5db}.job-selection-card{grid-column:1}.clusters-card{grid-column:2}.sentences-card,.similar-clusters-panel{grid-column:3}.explorer-content.job-selected .clusters-card{grid-column:1}.explorer-content.job-selected .sentences-card{grid-column:2}.explorer-content.labeling-mode .clusters-card{grid-column:1}.explorer-content.labeling-mode .sentences-card{grid-column:2}.explorer-content.labeling-mode .similar-clusters-panel{grid-column:3}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;position:relative;flex-shrink:0;gap:8px;flex-wrap:wrap}.card-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0;letter-spacing:-.3px}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;row-gap:8px;flex-shrink:1;min-width:0;max-width:100%}.card-actions .search-input{flex:0 1 280px;width:280px;max-width:100%;min-width:0;margin-right:0;order:99}.view-toggle{display:flex;gap:5px;background:#f1f5f9;padding:4px;border-radius:8px;flex-shrink:0}.toggle-btn{padding:6px 12px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.toggle-btn:hover{background:#e2e8f0;color:#334155}.toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.sort-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#334155;cursor:pointer;flex-shrink:0}.pagination-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#334155;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#94a3b8}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:60px 20px;background:#fafafa;border-radius:8px;border:1px dashed #d1d5db}.empty-state svg{margin-bottom:20px;opacity:.7;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.empty-state h3{color:#374151;margin:8px 0;font-size:18px;font-weight:600}.empty-state p{color:#6b7280;margin:4px 0;font-size:14px}.error-state{padding:20px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;text-align:center}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px;min-height:0}.jobs-grid::-webkit-scrollbar{width:6px}.jobs-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.jobs-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.jobs-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}.job-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;cursor:pointer;overflow:visible;padding:16px;min-height:160px;display:flex;flex-direction:column;gap:12px}.job-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.job-card.selected{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 4px 12px #3b5bdb26;border-left:4px solid var(--primary)}.job-header-row{display:flex;align-items:center;gap:12px}.job-card-icon{font-size:28px;flex-shrink:0;line-height:1}.job-card h4{margin:0;font-size:15px;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;flex:1;min-width:0}.job-card.selected h4{color:var(--primary)}.job-card.selected .job-meta-grid{background:#dbeafe}.meta-value.mono{font-family:Monaco,Courier New,monospace;font-size:11px;color:var(--primary)}.job-card.selected .meta-label{color:var(--primary)}.job-card.selected .meta-value{color:#4338ca}.job-params-section{display:flex;justify-content:center;padding-top:8px;border-top:1px solid #f3f4f6}.job-card.selected .job-params-section{border-top-color:#dbeafe}.view-params-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-params-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b5bdb40}.job-card.selected .job-timeline{background:#dbeafe}.job-card.selected .timeline-label{color:var(--primary)}.job-card.selected .timeline-value{color:#4338ca}.intent-chart{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0;max-height:400px;overflow-y:auto}.chart-bars{display:flex;flex-direction:column;gap:10px}.chart-bar-item{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:6px;transition:all .2s ease;border:2px solid transparent}.chart-bar-item:hover{background:#fff;box-shadow:0 2px 6px #00000014;transform:translate(4px);border-color:#cbd5e1}.chart-bar-item.selected{background:#f1f5f9;border-color:var(--primary);box-shadow:0 4px 12px #3b5bdb26;transform:translate(4px)}.chart-bar-item.selected .intent-name{color:var(--primary);font-weight:600}.chart-bar-item.selected .chart-bar-fill{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.chart-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:2px}.intent-name{color:#334155;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.intent-count{color:#64748b;font-weight:600;flex-shrink:0}.chart-bar-bg{height:24px;background:#e2e8f0;border-radius:6px;overflow:hidden;position:relative}.chart-bar-fill{height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:6px;transition:width .3s ease;min-width:2px}.clusters-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px;min-height:0}.clusters-list::-webkit-scrollbar{width:6px}.clusters-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.clusters-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.clusters-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.cluster-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;background:#f8fafc;cursor:pointer}.cluster-main{display:flex;align-items:center;gap:12px;flex:1}.cluster-item:hover{border-color:#94a3b8;background:#fff;box-shadow:0 2px 8px #0000000a}.cluster-item.selected{border-color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a1a;border-left:4px solid #0f172a}.cluster-icon{font-size:28px;flex-shrink:0}.cluster-info{flex:1}.cluster-info h4{margin:0 0 4px;font-size:15px;font-weight:700;color:#0f172a}.cluster-info p{margin:0;font-size:13px;color:#64748b}.saved-label{display:inline-block;margin:4px 0;padding:2px 8px;font-size:12px;font-weight:600;border-radius:6px;background:#ede9fe;color:#7c3aed;border:1px solid #a78bfa}.saved-label.auto-label{background:#ecfdf5;color:#065f46;border-color:#10b981}.explorer-card.auto-labeling-panel{overflow:hidden}.explorer-card.auto-labeling-panel::-webkit-scrollbar{width:8px}.explorer-card.auto-labeling-panel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.explorer-card.auto-labeling-panel::-webkit-scrollbar-thumb{background:#22c55e;border-radius:4px}.explorer-card.auto-labeling-panel::-webkit-scrollbar-thumb:hover{background:#16a34a}.label-btn{padding:6px 12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.label-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b5bdb40}.label-btn:disabled{opacity:.6;cursor:not-allowed}.cluster-arrow{font-size:18px;color:#cbd5e1;transition:all .2s ease}.cluster-item.selected .cluster-arrow{color:#0f172a;transform:translate(4px)}.sentences-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px;min-height:0}.sentences-list::-webkit-scrollbar{width:6px}.sentences-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.sentences-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.sentences-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.sentence-item{display:flex;gap:16px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.sentence-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.sentence-item-flagged{background:#fffbeb;border-color:#fcd34d;border-style:dashed;opacity:.85}.sentence-item-flagged:hover{background:#fef3c7;border-color:#f59e0b}.sentence-item-flagged .sentence-text{color:#78716c;text-decoration:line-through;text-decoration-color:#b4530966}.sentence-flagged-badge{display:inline-block;font-size:11px;font-weight:600;color:#92400e;background:#fde68a;padding:3px 8px;border-radius:6px;margin-bottom:8px}.sentence-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:10px;font-size:14px;font-weight:700;color:#475569;box-shadow:0 2px 4px #00000014}.sentence-content{flex:1}.sentence-text{margin:0 0 8px;font-size:15px;line-height:1.8;color:#1e293b;font-weight:400;letter-spacing:.01em}.additional-columns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.column-data{display:flex;flex-direction:column;gap:4px;background:#fff;padding:8px 10px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;flex:1;min-width:0;max-width:100%;transition:all .2s ease;cursor:pointer}.column-data:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.column-label{font-weight:700;color:#6b7280;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.column-value{color:#1e293b;font-size:13px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;max-height:60px;overflow-y:auto}.column-value::-webkit-scrollbar{width:4px}.column-value::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.column-value::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.column-data.expanded{grid-column:1 / -1;max-width:100%}.column-data.expanded .column-value{max-height:300px;white-space:pre-wrap}.sentence-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.meta-tag{font-size:11px;padding:4px 8px;background:#e0f2fe;color:#075985;border-radius:4px;font-weight:500}.meta-tag strong{margin-right:4px}.search-input{padding:8px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;width:240px;transition:all .2s}.search-input:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.label-search-input{padding:8px 30px 8px 14px;width:100%!important;font-size:13px}.sort-select{padding:8px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;background:#fff;color:#475569;cursor:pointer;transition:all .2s;min-width:140px}.sort-select:hover{border-color:#94a3b8}.sort-select:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.sort-select:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.sentence-text a,.column-value a{color:#3b82f6;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;transition:all .2s ease}.sentence-text a:hover,.column-value a:hover{background:#dbeafe;text-decoration:underline}.sentence-text a:active,.column-value a:active{background:#bfdbfe}.refresh-btn{padding:7px 14px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:11px 24px;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-logout{padding:11px 24px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-logout:hover{background:#dc2626;box-shadow:0 2px 4px #0000001a}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.inline-label-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.label-edit-form{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.label-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;width:100%;transition:all .2s ease;font-family:inherit;line-height:1.5}.btn-cancel{padding:8px 16px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0}.btn-save{padding:8px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.similar-clusters-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 180px);min-height:0;min-width:0;overflow:hidden;box-sizing:border-box}.similar-panel-content,.label-editor-section{min-width:0}.similar-panel-content{overflow-y:auto}.similar-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb;flex-shrink:0}.similar-panel-header h3{margin:0;font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.similar-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px;min-height:0}.similar-panel-content::-webkit-scrollbar{width:6px}.similar-panel-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.similar-panel-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.similar-panel-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.label-editor-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #cbd5e1;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.label-editor-section h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px}.label-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d1fae5;border:1px solid #10b981;border-radius:8px;font-size:12px;font-weight:600;color:#065f46;margin-bottom:12px}.similar-cluster-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.similar-cluster-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.similar-cluster-card.selected{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 4px 16px #3b5bdb26}.similar-cluster-header{display:flex;align-items:center;gap:10px;padding:14px;background:#fafafa;cursor:pointer;transition:background .2s ease}.similar-cluster-card.selected .similar-cluster-header{background:#ede9fe}.similar-cluster-header:hover{background:#f5f5f5}.similar-cluster-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.similar-cluster-info{flex:1;min-width:0}.similar-cluster-name{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:2px}.similar-cluster-count{font-size:11px;color:#64748b;font-weight:500}.similar-expand-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 8px;color:#6b7280;transition:all .2s;flex-shrink:0}.similar-expand-btn.expanded{transform:rotate(180deg)}.similar-cluster-preview{padding:14px;border-top:1px solid #e5e7eb;background:#fafafa}.similar-cluster-card.selected .similar-cluster-preview{background:#f5f3ff}.preview-sentence{font-size:12px;color:#475569;line-height:1.6;padding:8px 10px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:6px;transition:all .2s ease}.preview-sentence:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.preview-sentence:last-child{margin-bottom:0}.preview-note{font-size:10px;color:#94a3af;font-style:italic;margin-top:8px;text-align:center}.selection-summary{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:12px;margin-top:16px;font-size:12px;font-weight:600;color:#92400e;text-align:center}.mobile-tab-nav{display:none}@media (min-width: 769px){.explorer-card.mobile-hidden,.explorer-card.mobile-active{display:block!important}}@media (max-width: 1400px){.explorer-content.job-selected{grid-template-columns:clamp(240px,22vw,320px) minmax(0,1fr)}.explorer-content.labeling-mode{grid-template-columns:clamp(220px,20vw,320px) minmax(0,1fr) clamp(260px,24vw,360px)}}@media (max-width: 1200px){.explorer-content{grid-template-columns:1fr;gap:16px}.job-selection-card,.clusters-card,.sentences-card{grid-column:1;max-height:500px}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.explorer-content.labeling-mode{grid-template-columns:1fr}.similar-clusters-panel{max-height:400px}}@media (max-width: 768px){.explorer-container{padding:0;width:100%;max-width:100vw;overflow-x:hidden}.mobile-tab-nav{display:flex!important;gap:0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:12px 8px;overflow:hidden;position:sticky;top:60px;z-index:100}.mobile-tab-btn{flex:1;padding:14px 8px;border:none;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #e2e8f0}.mobile-tab-btn:last-child{border-right:none}.mobile-tab-btn.active{background:var(--primary);color:#fff}.mobile-tab-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-tab-btn:not(:disabled):not(.active):active{background:#e2e8f0}.explorer-card.mobile-hidden{display:none!important}.explorer-card.mobile-active{display:block!important;max-height:none;min-height:calc(100vh - 200px);width:100%;max-width:100%;overflow-x:hidden}.explorer-content.job-selected .job-selection-card{display:none!important}.explorer-content{display:block!important;width:100%;max-width:100%;padding:0 8px}.explorer-header{flex-direction:column;gap:12px;align-items:flex-start;padding:16px;margin-bottom:12px;border-radius:12px}.explorer-header h1{font-size:20px}.explorer-header p{font-size:13px}.header-actions{flex-wrap:wrap;width:100%;gap:8px}.search-input,.sort-select{width:100%;font-size:14px}.btn-secondary,.btn-logout{flex:1;min-width:120px;padding:10px 16px;font-size:13px}.explorer-card{padding:12px;max-height:none;min-height:300px;border-radius:8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-header h2{font-size:16px}.card-actions{width:100%;flex-wrap:wrap}.view-toggle{width:100%;justify-content:space-between}.toggle-btn{flex:1;padding:8px 10px;font-size:12px}.pagination-btn{padding:8px 12px;font-size:12px}.refresh-btn{width:100%;padding:10px;font-size:13px}.jobs-grid{grid-template-columns:1fr}.job-card{padding:12px;min-height:120px}.job-card h4{font-size:14px}.job-meta-grid{grid-template-columns:1fr;gap:6px;padding:8px}.meta-label{font-size:9px}.meta-value{font-size:11px}.job-timeline{flex-wrap:wrap;gap:8px;padding:6px}.timeline-label{font-size:8px}.timeline-value{font-size:10px}.intent-chart{padding:12px;max-height:300px}.chart-label{font-size:11px}.chart-bar-bg{height:20px}.cluster-item{padding:10px;gap:8px}.cluster-icon{font-size:24px}.cluster-info h4{font-size:14px}.cluster-info p{font-size:12px}.label-btn{padding:8px 12px;font-size:11px}.sentence-item{padding:12px;gap:10px;flex-direction:column;width:100%;box-sizing:border-box}.sentence-number{width:32px;height:32px;font-size:12px;align-self:flex-start;flex-shrink:0}.sentence-text{font-size:14px;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.additional-columns{gap:6px;margin-top:8px;padding-top:8px}.column-data{padding:6px 8px;font-size:11px}.column-label{font-size:9px}.column-value{font-size:12px}.inline-label-editor{padding:12px}.label-input{padding:10px;font-size:14px}.btn-cancel,.btn-save{padding:10px 14px;font-size:13px}.similar-clusters-panel{padding:12px;max-height:none}.label-editor-section{padding:12px}.similar-cluster-card{margin-bottom:10px}.similar-cluster-header{padding:10px}.similar-cluster-name{font-size:12px}.similar-cluster-count{font-size:10px}.preview-sentence{font-size:11px;padding:6px 8px}.modal-content{width:95%;padding:20px;max-height:85vh}.modal-content h3{font-size:18px}.label-input-group label{font-size:13px}.modal-actions{flex-direction:column;gap:8px}.btn-cancel,.btn-save{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin:0 0 10px;font-size:20px;color:#0f172a}.label-input-group{margin:20px 0}.label-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#0f172a;font-size:14px}.label-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s ease;font-family:inherit;line-height:1.5}.label-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b5bdb1a}textarea.label-input{resize:vertical;min-height:42px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.btn-cancel,.btn-save{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover:not(:disabled){background:#e2e8f0}.btn-save{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.intent-library{height:auto;min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:var(--gradient-primary);padding:0;display:flex;flex-direction:column;box-sizing:border-box;-webkit-overflow-scrolling:touch}.library-header{width:100%;margin:0 0 var(--spacing-lg) 0;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;padding:0;flex-shrink:0}.library-header h1{margin:0 0 var(--spacing-sm);font-size:28px;font-weight:700;letter-spacing:-.5px}.library-header p{margin:0;opacity:.9;font-size:14px;font-weight:400}.selected-job-info{display:flex;gap:var(--spacing-xl);align-items:center;flex-wrap:wrap}.selected-job-info p{margin:0;opacity:1;font-size:15px;font-weight:400;display:flex;align-items:center;gap:var(--spacing-xs)}.selected-job-info strong{font-weight:600;opacity:.9;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.selected-job-info .dataset-name{padding-right:var(--spacing-md);border-right:2px solid rgba(255,255,255,.3)}.library-container{width:100%;background:var(--bg-white);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:var(--spacing-xl);padding-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl);display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-xl);flex:1;overflow:visible;min-height:0;box-sizing:border-box}.sidebar{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;overflow:visible;min-height:0;padding-bottom:var(--spacing-xl)}.sidebar h3{margin:0 0 var(--spacing-md) 0;font-size:16px;color:var(--text-dark);flex-shrink:0}.jobs-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1;padding-right:var(--spacing-xs)}.job-card{background:var(--bg-white);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;overflow:visible;padding:var(--spacing-md);min-height:160px;display:flex;flex-direction:column;gap:var(--spacing-md)}.job-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.job-card.selected{border-color:var(--secondary);background:#f5f3ff;box-shadow:0 4px 12px #8b5cf633;border-left:4px solid var(--secondary)}.job-header-row{display:flex;align-items:flex-start;gap:10px}.job-card-icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:2px}.job-card h4{margin:0;font-size:14px;font-weight:700;color:#111827;line-height:1.4;flex:1;min-width:0;word-break:break-word}.job-status-indicator{font-size:14px;flex-shrink:0;line-height:1}.job-status-indicator.running{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.job-card.selected h4{color:#7c3aed}.job-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;background:#f9fafb;border-radius:8px}.job-card.selected .job-meta-grid{background:#ede9fe}.meta-item{display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.meta-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:12px;font-weight:600;color:#111827;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-value.mono{font-family:Monaco,Courier New,monospace;font-size:11px;color:var(--secondary)}.job-card.selected .meta-label{color:#7c3aed}.job-card.selected .meta-value{color:#6d28d9}.job-timeline{display:flex;gap:12px;padding:8px;background:#f9fafb;border-radius:8px}.job-card.selected .job-timeline{background:#ede9fe}.timeline-item{display:flex;align-items:center;gap:6px}.timeline-icon{font-size:14px;flex-shrink:0}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-label{font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.timeline-value{font-size:11px;font-weight:600;color:#111827}.job-card.selected .timeline-label{color:#7c3aed}.job-card.selected .timeline-value{color:#6d28d9}.job-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;flex-shrink:0}.job-info{flex:1}.job-info h4{margin:0 0 4px;font-size:14px;color:#1e293b}.job-dataset{margin:0 0 4px;font-size:12px;color:#64748b}.job-date{margin:0;font-size:11px;color:#94a3b8}.main-content{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;overflow-y:auto;height:auto;min-height:400px;padding-bottom:var(--spacing-xl);-webkit-overflow-scrolling:touch}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-light)}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h2{margin:0 0 var(--spacing-md) 0;color:var(--text-dark)}.empty-state p{margin:0;color:var(--text-light);max-width:400px}.no-labels-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:60px 20px}.no-labels-icon{font-size:72px;margin-bottom:20px;opacity:.7}.no-labels-state h2{margin:0 0 12px;color:#1f2937;font-size:24px}.no-labels-state p{margin:0 0 8px;color:#6b7280;font-size:15px}.no-labels-state .suggestion{color:#374151;font-size:14px;margin-bottom:24px}.go-to-explorer-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #3b82f64d}.go-to-explorer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.content-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-lg);flex-shrink:0}.job-title-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.job-title-row h2{margin:0;font-size:24px;color:var(--text-dark);font-weight:700}.experiment-badge{padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:var(--shadow-sm)}.intent-stats{display:flex;gap:var(--spacing-md)}.stat-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-sm);font-size:13px;color:var(--text-medium);font-weight:500;border:1px solid var(--border-color)}.header-actions{display:flex;gap:12px;align-items:center}.search-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:14px;width:250px;transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #8b5cf61a}.view-toggles{display:flex;gap:4px;background:var(--bg-light);padding:4px;border-radius:var(--border-radius-md)}.view-btn{padding:8px 14px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:18px;color:#64748b;transition:all .2s}.view-btn:hover:not(:disabled){background:#fff;color:var(--secondary)}.view-btn.active{background:#fff;color:var(--secondary);box-shadow:0 1px 3px #0000001a}.view-btn:disabled{opacity:.5;cursor:not-allowed}.generate-hierarchy-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-base)}.generate-hierarchy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b5bdb4d}.generate-hierarchy-btn:disabled{opacity:.6;cursor:not-allowed}.intents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.intent-card{background:var(--bg-white);border:1px solid var(--border-color);border-left:4px solid;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.intent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.intent-card.selected{border-color:var(--secondary);box-shadow:0 4px 16px #8b5cf633}.intent-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.intent-card-header h3{margin:0 8px 0 0;font-size:16px;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:2.8em}.intent-badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.intent-meta{margin-bottom:12px;font-size:13px;color:#64748b}.cluster-count{font-weight:500}.intent-examples{background:var(--bg-light);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.examples-label{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600}.example-text{margin:0 0 6px;font-size:12px;color:#475569;line-height:1.5;font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.example-text:last-child{margin-bottom:0}.intents-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-lg)}.intent-list-item{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);display:flex;gap:var(--spacing-md)}.intent-list-item:hover{box-shadow:0 4px 12px #0000001a;transform:translate(4px)}.intent-color-bar{width:4px;border-radius:2px;flex-shrink:0}.intent-list-content{flex:1}.intent-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.intent-list-header h3{margin:0;font-size:16px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.intent-list-meta{display:flex;gap:8px}.count-badge,.cluster-badge{padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#64748b;font-weight:500}.intent-list-examples{display:flex;flex-wrap:wrap;gap:8px}.example-chip{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:12px;color:var(--text-medium);font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-view{flex:1;display:flex;flex-direction:column}.hierarchy-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-light);text-align:center}.hierarchy-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.hierarchy-tree{font-family:Monaco,Menlo,monospace}.hierarchy-branch{margin:8px 0}.branch-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-left:3px solid;border-radius:6px;font-weight:600;color:#1e293b;font-size:14px;margin-bottom:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.branch-header:hover{background:#f1f5f9;transform:translate(2px)}.branch-toggle{font-size:12px;color:#64748b;width:16px;display:inline-block;transition:transform .2s}.branch-icon{font-size:18px}.branch-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-children{margin-left:20px}.hierarchy-leaf{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid;border-radius:6px;margin:6px 0;font-size:13px;transition:all .2s}.hierarchy-leaf .leaf-row{display:flex;align-items:center;gap:10px}.hierarchy-leaf.has-merges{background:linear-gradient(to right,#fef3c7,#fffbeb 60%,#fff);border-left-width:4px}.hierarchy-leaf:hover{background:#fefce8;transform:translate(4px)}.hierarchy-leaf.has-merges:hover{background:linear-gradient(to right,#fde68a,#fef3c7 60%,#fefce8)}.leaf-icon{font-size:16px}.leaf-name{flex:1;color:#334155;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaf-count{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}.leaf-move-btn{opacity:0;background:none;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;font-size:13px;padding:2px 6px;color:#64748b;transition:all .15s}.hierarchy-leaf:hover .leaf-move-btn{opacity:1}.leaf-move-btn:hover{background:#e0f2fe;border-color:#3b82f6;color:#3b82f6}.hierarchy-merges-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin:0 0 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;font-size:13px;color:#78350f}.hierarchy-merges-banner .hmb-icon{font-size:18px;font-weight:700}.hierarchy-merges-banner .hmb-text{flex:1;min-width:240px}.hierarchy-merges-banner .hmb-text strong{color:#92400e}.hierarchy-merges-banner .hmb-hint{font-size:12px;opacity:.85}.hierarchy-merges-banner .hmb-badge-sample{display:inline-block;padding:1px 6px;background:#fbbf24;color:#78350f;border-radius:4px;font-weight:600;font-size:11px}.hierarchy-merges-banner .hmb-filter-toggle{background:#fff;border:1.5px solid #f59e0b;color:#92400e;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.hierarchy-merges-banner .hmb-filter-toggle:hover{background:#fef3c7}.hierarchy-merges-banner .hmb-filter-toggle.active{background:#f59e0b;color:#fff}.hierarchy-leaf.is-absorbed{background:linear-gradient(180deg,#fff,#f8fafc);opacity:.85}.hierarchy-leaf.is-absorbed .leaf-name{text-decoration:line-through;text-decoration-color:#64748b66;color:#64748b}.leaf-absorbed-into{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:#f1f5f9;border:1px dashed #cbd5e1;padding:2px 8px;border-radius:4px;margin-left:4px;cursor:help}.leaf-absorbed-into strong{color:#475569;font-weight:600}.leaf-merge-badge{background:#fbbf24;color:#78350f;border:1px solid #f59e0b;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.leaf-merge-badge:hover{background:#f59e0b;color:#fff}.leaf-merges-list{list-style:none;margin:4px 0 0 28px;padding:8px 12px;background:#fffbeb;border-left:2px dashed #f59e0b;border-radius:0 4px 4px 0}.leaf-merge-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#57534e;padding:2px 0}.leaf-merge-item .merge-arrow{color:#f59e0b;font-weight:700}.leaf-merge-item .merge-label{flex:1;font-family:SF Mono,Menlo,monospace}.leaf-merge-item .merge-id{font-size:10px;color:#a8a29e;background:#fff;padding:1px 5px;border-radius:3px;border:1px solid #e7e5e4}.branch-review-btn{opacity:0;margin-left:auto;background:none;border:1px solid #fed7aa;border-radius:4px;cursor:pointer;font-size:11px;padding:2px 8px;color:#9a3412;transition:all .15s;white-space:nowrap}.branch-header:hover .branch-review-btn{opacity:1}.branch-review-btn:hover{background:#fff7ed;border-color:#f97316;color:#c2410c}.hierarchy-branch.needs-review>.branch-header{border-left-color:#f59e0b!important}.needs-review-header{background:#fffbeb!important}.needs-review-badge{font-size:10px;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:8px;font-weight:600;margin-left:8px}.branch-count{font-size:11px;color:#94a3b8;margin-left:4px}.move-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.move-dialog{background:#fff;border-radius:12px;padding:24px;width:420px;max-width:90vw;box-shadow:0 20px 60px #0003}.move-dialog h3{margin:0 0 12px;font-size:16px;color:#1e293b}.move-intent-name{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:13px;color:#334155;margin:0 0 16px;word-break:break-word}.move-dialog label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.move-target-select{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#334155;background:#fff;margin-bottom:16px}.move-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.auto-generate-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-base)}.auto-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.auto-generate-btn:disabled{opacity:.6;cursor:not-allowed}.view-logs-btn{padding:var(--spacing-sm) var(--spacing-md);background:#fff;color:#475569;border:1.5px solid #cbd5e1;border-radius:var(--border-radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.view-logs-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.logs-modal{background:#1e293b;color:#e2e8f0;border-radius:12px;width:90vw;max-width:1100px;height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.logs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0f172a;border-bottom:1px solid #334155;flex-shrink:0}.logs-modal-header h3{margin:0;font-size:15px;color:#f1f5f9}.logs-modal-actions{display:flex;align-items:center;gap:10px}.logs-filter-select{background:#334155;color:#e2e8f0;border:1px solid #475569;padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer}.logs-autorefresh{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#cbd5e1;cursor:pointer}.logs-refresh-btn{background:#334155;color:#e2e8f0;border:1px solid #475569;padding:5px 10px;border-radius:6px;font-size:12px;cursor:pointer}.logs-refresh-btn:hover:not(:disabled){background:#475569}.logs-modal .close-modal-btn{background:transparent;border:1px solid #475569;color:#cbd5e1;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1}.logs-modal .close-modal-btn:hover{background:#334155;color:#f1f5f9}.logs-modal-body{flex:1;overflow:auto;padding:12px 16px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px;line-height:1.5}.logs-empty{color:#64748b;padding:40px 20px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.logs-list{display:flex;flex-direction:column;gap:2px}.log-entry{display:grid;grid-template-columns:90px 60px 1fr;gap:10px;padding:4px 8px;border-radius:4px;word-break:break-word}.log-entry:hover{background:#94a3b814}.log-ts{color:#64748b;font-size:11px;padding-top:1px}.log-level{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:3px;text-align:center;height:fit-content}.log-info .log-level{background:#1e40af;color:#dbeafe}.log-warn .log-level{background:#b45309;color:#fef3c7}.log-error .log-level{background:#b91c1c;color:#fee2e2}.log-msg{color:#e2e8f0;white-space:pre-wrap}.log-warn .log-msg{color:#fde68a}.log-error .log-msg{color:#fecaca}.logs-modal-footer{padding:10px 20px;background:#0f172a;border-top:1px solid #334155;display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.logs-running{color:#34d399;font-weight:600}.hierarchy-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.download-taxonomy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.download-taxonomy-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.merge-ungrouped-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.merge-ungrouped-btn:hover{background:#fef3c7;border-color:#fcd34d}.merge-dialog{max-width:700px!important}.merge-info{margin-bottom:12px;color:#475569;font-size:14px;line-height:1.6}.merge-info strong{color:#b45309}.merge-prompt-box{max-height:200px;overflow-y:auto}.auto-gen-dialog{max-width:580px!important}.seed-taxonomy-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:16px}.model-select-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 14px;margin-bottom:14px}.model-select-label{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;color:#1e3a8a}.model-select-hint{font-size:12px;color:#475569;font-weight:400}.model-select-dropdown{width:100%;padding:8px 10px;border:1px solid #93c5fd;border-radius:6px;background:#fff;font-size:13px;color:#1e293b;cursor:pointer}.model-select-dropdown:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.seed-taxonomy-header{margin-bottom:10px}.seed-taxonomy-header strong{font-size:14px;color:#1e293b}.seed-taxonomy-hint{margin:4px 0 0;font-size:12px;color:#64748b;line-height:1.5}.seed-taxonomy-actions{display:flex;gap:8px;margin-bottom:10px}.seed-generate-btn{padding:7px 14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.seed-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.seed-generate-btn:disabled{opacity:.6;cursor:not-allowed}.seed-clear-btn{padding:7px 14px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.seed-clear-btn:hover{background:#e2e8f0;color:#475569}.seed-taxonomy-error{padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#dc2626;margin-bottom:8px}.seed-taxonomy-textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;resize:vertical;background:#fff;color:#334155;box-sizing:border-box}.seed-taxonomy-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.seed-taxonomy-textarea::placeholder{color:#94a3b8;font-size:11px}.seed-taxonomy-note{margin:8px 0 0;font-size:12px;color:#059669;font-weight:500;line-height:1.5}.auto-gen-info{margin-bottom:20px}.auto-gen-info>p{margin:0 0 16px;color:#475569;font-size:14px;line-height:1.6}.auto-gen-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.auto-gen-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.auto-gen-step strong{display:block;font-size:14px;color:#1e293b;margin-bottom:2px}.auto-gen-step p{margin:0;font-size:12px;color:#64748b}.auto-gen-note{margin:0!important;font-size:12px!important;color:#94a3b8!important;font-style:italic}.auto-gen-progress-panel{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:20px;margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-header h3{margin:0;font-size:16px;color:#166534}.cancel-gen-btn{padding:6px 14px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-gen-btn:hover{background:#fecaca}.progress-phase{font-size:14px;color:#15803d;font-weight:500;margin-bottom:12px}.progress-bar-container{width:100%;height:8px;background:#dcfce7;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .5s ease}.progress-details{display:flex;justify-content:space-between;font-size:12px;color:#4ade80;font-weight:600}.auto-gen-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;font-size:13px;color:#dc2626;gap:12px}.auto-gen-error-message{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.auto-gen-error-phase{font-size:12px;color:#9b1c1c;opacity:.8}.auto-gen-error-actions{display:flex;gap:8px;flex-shrink:0}.auto-gen-error-actions button{padding:4px 12px;background:#fff;border:1px solid #fecaca;border-radius:4px;font-size:12px;cursor:pointer;color:#dc2626}.auto-gen-error-actions .resume-btn{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.auto-gen-error-actions .resume-btn:hover{background:#2563eb}.auto-gen-error-actions .restart-btn{background:#f59e0b;border-color:#f59e0b;color:#fff}.auto-gen-error-actions .restart-btn:hover{background:#d97706}.resume-submit-btn{background:#3b82f6!important;border-color:#3b82f6!important}.auto-gen-success{padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;font-size:13px;color:#16a34a;font-weight:500}.paste-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.paste-dialog{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.paste-dialog h3{margin:0 0 20px;color:#1e293b;font-size:20px}.intent-list-section{margin-bottom:24px}.intent-list-box{background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);max-height:200px;overflow-y:auto;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;margin:var(--spacing-md) 0;color:var(--text-medium)}.prompt-template-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:0;max-height:400px;overflow-y:auto;margin:12px 0}.prompt-template{font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.6;color:#334155;margin:0;padding:16px;white-space:pre-wrap;word-wrap:break-word}.copy-btn{width:100%;padding:10px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#059669}.hierarchy-input-section{margin-bottom:20px}.paste-instructions{margin:0 0 16px;color:#64748b;font-size:14px;line-height:1.6}.paste-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-family:Monaco,Courier New,monospace;font-size:13px;resize:vertical;margin-bottom:var(--spacing-md);background:var(--bg-light)}.paste-textarea:focus{outline:none;border-color:var(--info);background:var(--bg-white)}.paste-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.paste-dialog-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn:hover{background:#e2e8f0}.submit-btn{background:#3b82f6;color:#fff}.submit-btn:hover{background:#2563eb}@media (max-width: 1200px){.library-container{grid-template-columns:280px 1fr}.intents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.intent-library{padding:0}.library-header{padding:0 12px;margin-bottom:12px}.library-header h1{font-size:22px;margin-bottom:6px}.library-header p{font-size:13px}.selected-job-info{flex-direction:column;gap:8px;align-items:flex-start}.selected-job-info p{font-size:13px}.selected-job-info strong{font-size:11px}.selected-job-info .dataset-name{padding-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:6px;width:100%}.job-title-row{flex-direction:column;align-items:flex-start;gap:8px}.job-title-row h2{font-size:18px}.experiment-badge{font-size:12px;padding:4px 10px}.library-container{grid-template-columns:1fr;padding:12px;border-radius:16px 16px 0 0;gap:12px}.sidebar{max-height:250px;padding:12px;border-radius:8px}.sidebar h3{font-size:14px;margin-bottom:10px}.jobs-list{gap:8px}.job-card{padding:10px;min-height:120px;gap:8px;border-radius:8px}.job-card h4{font-size:13px}.job-meta-grid{grid-template-columns:1fr;gap:6px;padding:8px}.meta-label{font-size:9px}.meta-value{font-size:11px}.job-timeline{flex-wrap:wrap;gap:8px;padding:6px}.timeline-label{font-size:8px}.timeline-value{font-size:10px}.main-content{padding:12px;border-radius:8px}.intents-grid{grid-template-columns:1fr;gap:12px}.intent-card{padding:12px;border-radius:8px}.intent-card-header h3{font-size:14px}.intent-badge{padding:3px 8px;font-size:11px}.intent-meta{font-size:12px}.intent-examples{padding:10px}.examples-label{font-size:10px}.example-text{font-size:11px}.content-header{flex-direction:column;align-items:stretch;gap:12px}.intent-stats{flex-wrap:wrap;gap:6px}.stat-badge{padding:4px 10px;font-size:12px}.header-actions{flex-direction:column;width:100%;gap:8px}.view-toggles{width:100%;justify-content:space-between}.view-btn{flex:1;padding:10px 14px;font-size:16px}.generate-hierarchy-btn,.auto-generate-btn{width:100%;padding:12px;font-size:13px}.auto-gen-progress-panel{padding:14px}.progress-header h3{font-size:14px}.seed-taxonomy-section{padding:10px}.seed-taxonomy-actions{flex-direction:column}.seed-generate-btn,.seed-clear-btn{width:100%;text-align:center}.seed-taxonomy-textarea{font-size:11px}.search-input{width:100%;padding:10px 12px;font-size:14px}.intents-list{gap:10px}.intent-list-item{padding:12px;gap:10px;flex-direction:column}.intent-color-bar{width:100%;height:3px}.intent-list-header{flex-direction:column;align-items:flex-start;gap:8px}.intent-list-header h3{font-size:14px;max-width:100%}.intent-list-meta{flex-wrap:wrap}.count-badge,.cluster-badge{padding:3px 8px;font-size:11px}.intent-list-examples{gap:6px}.example-chip{font-size:11px;padding:4px 8px;max-width:100%}.hierarchy-content{padding:12px}.branch-header{padding:8px 10px;font-size:13px}.branch-icon{font-size:16px}.branch-children{margin-left:12px}.hierarchy-leaf{padding:8px 10px;font-size:12px}.leaf-icon{font-size:14px}.leaf-count{padding:2px 6px;font-size:10px}.paste-dialog{width:95%;padding:16px;max-height:85vh}.paste-dialog h3{font-size:18px;margin-bottom:16px}.intent-list-box{padding:10px;font-size:12px;max-height:150px}.prompt-template-box{max-height:300px}.prompt-template{padding:12px;font-size:11px}.paste-instructions{font-size:13px}.paste-textarea{padding:10px;font-size:12px}.paste-dialog-actions{flex-direction:column;gap:8px}.paste-dialog-actions button{width:100%;padding:12px;font-size:13px}.copy-btn{padding:12px;font-size:13px}}@media (max-width: 480px){.library-container{padding:8px}.sidebar,.main-content,.intent-card,.intent-list-item{padding:10px}}.news-dashboard{height:auto;min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:var(--gradient-primary);padding:0;display:flex;flex-direction:column;box-sizing:border-box;-webkit-overflow-scrolling:touch}.news-dashboard-header{width:100%;margin:0 0 var(--spacing-lg) 0;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;padding:0;flex-shrink:0}.news-dashboard-header h1{margin:0 0 var(--spacing-sm);font-size:28px;font-weight:700;letter-spacing:-.5px}.news-dashboard-header p{margin:0;opacity:.9;font-size:14px;font-weight:400}.news-dashboard-body{width:100%;background:var(--bg-white);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;padding:var(--spacing-xl);box-shadow:var(--shadow-xl);flex:1;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;position:relative;overflow:hidden}.news-toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;flex-shrink:0}.news-job-dropdown{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:14px;color:var(--text-dark);background:var(--bg-white);min-width:320px;cursor:pointer;transition:all var(--transition-base);font-weight:500}.news-job-dropdown:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #4c6ef51a}.news-stats{display:flex;gap:var(--spacing-md);align-items:center}.news-stat-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-sm);font-size:13px;color:var(--text-medium);font-weight:500;border:1px solid var(--border-color)}.news-search-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:14px;width:220px;transition:all var(--transition-base);margin-left:auto}.news-search-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #4c6ef51a}.news-tree-area{flex:1;overflow-y:auto;padding-right:var(--spacing-sm);-webkit-overflow-scrolling:touch}.news-tree-area.panel-open{overflow:hidden;pointer-events:none}.news-hierarchy-tree{font-family:Monaco,Menlo,monospace}.news-branch{margin:8px 0}.news-branch-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-left:3px solid;border-radius:6px;font-weight:600;color:#1e293b;font-size:14px;margin-bottom:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.news-branch-header:hover{background:#f1f5f9;transform:translate(2px)}.news-branch-toggle{font-size:12px;color:#64748b;width:16px;display:inline-block;transition:transform .2s}.news-branch-icon{font-size:18px}.news-branch-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-needs-review-header{background:#fffbeb!important;border-left-color:#f59e0b!important}.news-needs-review .news-leaf{opacity:.6}.news-review-badge{font-size:10px;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:8px;font-weight:600;margin-left:8px;white-space:nowrap}.news-branch-children{margin-left:20px}.news-leaf{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid;border-radius:6px;margin:6px 0;cursor:pointer;transition:all .2s}.news-leaf:hover{background:#fefce8;transform:translate(4px);border-color:#fbbf24}.news-leaf.active{background:#eff6ff;border-color:#3b82f6;border-left-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.news-leaf-main{display:flex;align-items:center;gap:10px}.news-leaf-icon{font-size:16px;flex-shrink:0}.news-leaf-name{flex:1;color:#334155;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-leaf-count{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;flex-shrink:0}.news-leaf-reason{font-size:11px;color:#94a3b8;font-style:italic;padding-left:26px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.news-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;z-index:100;opacity:0;transition:opacity .3s ease;pointer-events:none}.news-panel-overlay.visible{opacity:1;pointer-events:auto}.news-panel{position:fixed;top:0;right:0;bottom:0;width:55%;min-width:480px;max-width:800px;background:var(--bg-white);box-shadow:-4px 0 24px #0000001f;z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;border-left:1px solid var(--border-color);overscroll-behavior:contain}.news-panel.open{transform:translate(0)}.news-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:#f8fafc;flex-shrink:0}.news-panel-title{flex:1;min-width:0}.news-panel-title h3{margin:0 0 6px;font-size:18px;color:var(--text-dark);font-weight:700;word-wrap:break-word}.news-panel-reason{font-size:12px;color:#64748b;font-style:italic;line-height:1.5;margin-bottom:8px;padding:8px 12px;background:#f1f5f9;border-radius:6px;border-left:3px solid #94a3b8}.news-panel-count{font-size:13px;color:var(--text-medium);font-weight:500;display:flex;align-items:center;gap:8px}.news-sort-btn{padding:4px 10px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:12px;cursor:pointer;color:var(--text-medium);font-weight:600;transition:all .2s}.news-sort-btn:hover{background:#e0e7ff;border-color:#818cf8;color:#4f46e5}.news-panel-close{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-medium);font-size:18px;flex-shrink:0;margin-left:var(--spacing-md);transition:all .2s}.news-panel-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.news-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-light);gap:12px}.news-panel-body{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.news-article-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .2s}.news-article-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-dark)}.news-article-card:last-child{margin-bottom:0}.news-article-headline{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:10px;line-height:1.5;word-wrap:break-word}.news-article-fields{display:flex;flex-direction:column;gap:6px}.news-article-field{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.5}.news-field-label{font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;min-width:90px;flex-shrink:0}.news-field-value{color:#334155;word-break:break-word;flex:1}.news-field-value a{color:#3b82f6;text-decoration:none;word-break:break-all}.news-field-value a:hover{text-decoration:underline;color:#2563eb}.news-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:60px 20px}.news-empty-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.news-empty-state h2{margin:0 0 var(--spacing-md) 0;color:var(--text-dark);font-size:22px}.news-empty-state p{margin:0;color:var(--text-light);max-width:400px;line-height:1.6}.news-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-light);gap:12px}.news-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:newsSpin 1s linear infinite}@keyframes newsSpin{to{transform:rotate(360deg)}}.news-publish-btn{padding:8px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.news-publish-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.news-publish-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:200}.news-publish-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-white);border-radius:var(--border-radius-xl);box-shadow:0 20px 60px #0003;z-index:201;width:420px;max-width:90vw;overflow:hidden}.news-publish-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:#f8fafc}.news-publish-modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-dark)}.news-publish-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.news-publish-field{display:flex;flex-direction:column;gap:4px}.news-publish-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light)}.news-publish-field span{font-size:14px;color:var(--text-dark);font-weight:500}.news-publish-field input[type=date]{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:14px;color:var(--text-dark);background:var(--bg-white)}.news-publish-field input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.news-publish-status{padding:10px 14px;border-radius:var(--border-radius-md);font-size:13px;font-weight:500}.news-publish-status.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.news-publish-status.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.news-publish-status.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.news-publish-fail-list{margin:6px 0 0;padding-left:18px;font-size:12px;max-height:120px;overflow-y:auto}.news-publish-fail-list li{margin-bottom:2px}.news-publish-progress-section{display:flex;flex-direction:column;gap:6px}.news-publish-progress-label{font-size:13px;color:var(--text-dark);font-weight:500}.news-publish-fail-count{color:#dc2626;font-weight:600}.news-publish-progress-bar{position:relative;width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.news-publish-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.news-publish-progress-fail{position:absolute;right:0;top:0;height:100%;background:linear-gradient(90deg,#f87171,#ef4444);border-radius:4px;transition:width .3s ease}.news-publish-progress-pct{font-size:12px;color:#64748b;text-align:right;font-weight:600}.news-publish-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:#f8fafc}.news-publish-cancel{padding:8px 20px;border:1px solid var(--border-color);background:var(--bg-white);border-radius:var(--border-radius-md);font-size:13px;font-weight:500;cursor:pointer;color:var(--text-dark);transition:all .2s ease}.news-publish-cancel:hover{background:#f1f5f9}.news-publish-confirm{padding:8px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.news-publish-confirm:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.news-publish-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.news-panel{width:60%}}@media (max-width: 768px){.news-dashboard-header h1{font-size:22px}.news-dashboard-body{padding:12px;border-radius:16px 16px 0 0}.news-toolbar{flex-direction:column;align-items:stretch}.news-job-dropdown{min-width:unset;width:100%}.news-search-input{width:100%;margin-left:0}.news-stats{flex-wrap:wrap}.news-panel{width:100%;min-width:unset}.news-branch-children{margin-left:12px}.news-branch-header{padding:8px 10px;font-size:13px}.news-leaf{padding:8px 10px}.news-leaf-name{font-size:12px}.news-article-card{padding:10px}.news-article-field{flex-direction:column;gap:2px}.news-field-label{min-width:unset}.news-field-value a{font-size:12px}.news-panel-header{padding:12px 12px 12px 80px}.news-panel-title h3{font-size:15px}.news-panel-body{padding:10px}.news-article-headline{font-size:13px}.news-empty-state{padding:40px 16px}.news-empty-icon{font-size:48px}.news-empty-state h2{font-size:18px}}.news-leaf-merge-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin-left:6px;background:#6366f126;color:#6366f1;font-size:.75rem;font-weight:600;border-radius:10px;border:1px solid rgba(99,102,241,.3);cursor:help}.news-panel-merges{margin-top:10px;padding:10px 12px;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px}.news-panel-merges summary{cursor:pointer;font-size:.85rem;font-weight:600;color:#4f46e5;-webkit-user-select:none;user-select:none;list-style:none}.news-panel-merges summary::-webkit-details-marker{display:none}.news-panel-merges summary:before{content:"▶";display:inline-block;margin-right:6px;font-size:.7rem;transition:transform .15s ease}.news-panel-merges[open] summary:before{transform:rotate(90deg)}.news-panel-merge-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.news-panel-merge-item{padding:8px 10px;background:#ffffffb3;border-radius:6px;border-left:3px solid #6366f1}.news-panel-merge-from{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#1e293b}.news-panel-merge-label{word-break:break-word}.news-panel-merge-confidence{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.4px}.news-panel-merge-confidence.conf-high{background:#22c55e2e;color:#15803d}.news-panel-merge-confidence.conf-medium{background:#eab3082e;color:#a16207}.news-panel-merge-confidence.conf-low{background:#ef44442e;color:#b91c1c}.news-panel-merge-count{font-size:.75rem;color:#64748b;background:#64748b1f;padding:1px 6px;border-radius:8px}.news-panel-merge-reason{margin-top:4px;font-size:.78rem;color:#475569;line-height:1.4;font-style:italic}.newsapp{--na-bg: #ffffff;--na-bg-secondary: #f8fafc;--na-surface: rgba(0, 0, 0, .025);--na-surface-hover: rgba(0, 0, 0, .045);--na-border: rgba(0, 0, 0, .07);--na-border-hover: rgba(0, 0, 0, .14);--na-text: #1a1a2e;--na-text-2: #475569;--na-text-3: #94a3b8;--na-accent: #3b5bdb;--na-accent-light: rgba(59, 91, 219, .07);--na-serif: Georgia, "Times New Roman", "Noto Serif", serif;--na-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--na-radius: 14px;--na-radius-sm: 8px;--na-transition: .25s cubic-bezier(.4, 0, .2, 1);--na-panel-bg: linear-gradient(180deg, #fafbfd 0%, #ffffff 120px);--na-img-overlay: rgba(255, 255, 255, .6);display:flex;flex-direction:column;height:100%;color:var(--na-text);background:var(--na-bg);overflow:hidden;font-family:var(--na-sans)}.newsapp[data-theme=dark]{--na-bg: #0f172a;--na-bg-secondary: #1e293b;--na-surface: rgba(255, 255, 255, .04);--na-surface-hover: rgba(255, 255, 255, .07);--na-border: rgba(255, 255, 255, .08);--na-border-hover: rgba(255, 255, 255, .16);--na-text: #e2e8f0;--na-text-2: #94a3b8;--na-text-3: #64748b;--na-accent: #818cf8;--na-accent-light: rgba(129, 140, 248, .1);--na-panel-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 120px);--na-img-overlay: rgba(15, 23, 42, .5)}.newsapp[data-theme=dark] .newsapp-edition-select option{background:#1e293b;color:#e2e8f0}.newsapp[data-theme=dark] .newsapp-panel{background:var(--na-panel-bg);box-shadow:-20px 0 60px #0000004d,-4px 0 16px #0003,0 0 0 1px #ffffff0f}.newsapp[data-theme=dark] .newsapp-panel-hdr{background:linear-gradient(180deg,#1e293b,transparent)}.newsapp[data-theme=dark] .newsapp-article-img:after{background:linear-gradient(transparent,var(--na-img-overlay))}.newsapp[data-theme=dark] .newsapp-masthead{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#ffffff0f}.newsapp[data-theme=dark] .newsapp-masthead-icon{background:var(--na-accent);color:#0f172a}@keyframes na-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes na-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes na-spin{to{transform:rotate(360deg)}}@keyframes na-slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes na-scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes na-hotPulse{0%,to{opacity:1}50%{opacity:.7}}.newsapp-masthead{display:flex;align-items:center;justify-content:space-between;padding:0 36px;height:64px;background:linear-gradient(135deg,#1a1a2e,#2d2b55,#1a1a2e);flex-shrink:0;gap:16px}.newsapp-masthead-brand{display:flex;align-items:center;gap:14px}.newsapp-masthead-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:#1a1a2e;font-size:1.1rem;font-weight:900;font-family:Georgia,serif;border-radius:8px;letter-spacing:-.04em;box-shadow:0 2px 8px #0003}.newsapp-masthead-text{display:flex;flex-direction:column}.newsapp-masthead-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.03em;font-family:var(--na-serif);line-height:1.1}.newsapp-masthead-date{font-size:.68rem;color:#ffffff80;display:flex;align-items:center;gap:5px;margin-top:2px;font-weight:500;letter-spacing:.03em}.newsapp-masthead-date svg{opacity:.5}.newsapp-masthead-actions{display:flex;gap:10px;align-items:center}.newsapp-edition-picker{position:relative;display:flex;align-items:center}.newsapp-edition-picker-icon{position:absolute;left:12px;color:#fff6;pointer-events:none;z-index:1}.newsapp-edition-select{padding:8px 16px 8px 34px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--na-radius-sm);color:#ffffffe6;font-size:.8rem;min-width:280px;cursor:pointer;transition:all .2s ease;font-weight:500;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.newsapp-edition-select:hover{background:#ffffff1f;border-color:#fff3}.newsapp-edition-select:focus{outline:none;border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff14}.newsapp-edition-select option{background:#1a1a2e;color:#e2e8f0}.newsapp-country-picker{position:relative;display:flex;align-items:center}.newsapp-country-picker-icon{position:absolute;left:10px;font-size:.85rem;pointer-events:none;z-index:1}.newsapp-country-select{padding:8px 12px 8px 30px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--na-radius-sm);color:#ffffffe6;font-size:.8rem;min-width:150px;cursor:pointer;transition:all .2s ease;font-weight:500;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.newsapp-country-select:hover{background:#ffffff1f;border-color:#fff3}.newsapp-country-select:focus{outline:none;border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff14}.newsapp-country-select option{background:#1a1a2e;color:#e2e8f0}.newsapp-country-indicator{font-weight:600}.newsapp-theme-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s;flex-shrink:0}.newsapp-theme-toggle:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.newsapp-scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;background:var(--na-bg-secondary)}.newsapp-scroll::-webkit-scrollbar{width:5px}.newsapp-scroll::-webkit-scrollbar-track{background:transparent}.newsapp-scroll::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.newsapp-scroll::-webkit-scrollbar-thumb:hover{background:#00000026}.newsapp-main{padding:28px 36px 60px;max-width:1280px;margin:0 auto;width:100%;animation:na-fadeIn .3s ease-out}.newsapp-overview-header{text-align:center;margin-bottom:36px;animation:na-fadeUp .5s ease-out}.newsapp-overview-header h2{font-size:1.65rem;font-weight:800;font-family:var(--na-serif);color:var(--na-text);margin:0 0 6px;letter-spacing:-.03em}.newsapp-overview-header p{font-size:.85rem;color:var(--na-text-3);margin:0}.newsapp-hero{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:32px 36px;margin-bottom:32px;cursor:pointer;transition:all var(--na-transition);position:relative;overflow:hidden;animation:na-fadeUp .5s ease-out .1s both}.newsapp-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--hero-color, var(--na-accent));border-radius:4px 0 0 4px}.newsapp-hero:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014,0 4px 8px #0000000a;border-color:var(--na-border-hover)}.newsapp-hero-overline{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hero-color, var(--na-accent));margin-bottom:10px}.newsapp-hero h3{font-size:1.4rem;font-weight:800;font-family:var(--na-serif);color:var(--na-text);margin:0 0 10px;line-height:1.3;letter-spacing:-.02em}.newsapp-hero-reason{font-size:.88rem;color:var(--na-text-2);line-height:1.6;margin:0 0 16px;max-width:700px}.newsapp-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.newsapp-hero-stat{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--na-text-3);font-weight:600}.newsapp-hero-stat-value{color:var(--na-text-2);font-weight:700}.newsapp-hero-sources{display:flex;gap:4px;flex-wrap:wrap}.newsapp-hero-source{font-size:.65rem;padding:2px 8px;background:var(--na-surface);border-radius:4px;color:var(--na-text-2);white-space:nowrap}.newsapp-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.newsapp-cat-tile{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:24px 26px;cursor:pointer;transition:all var(--na-transition);position:relative;overflow:hidden;animation:na-fadeUp .45s ease-out both}.newsapp-cat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tile-color, var(--na-accent));opacity:.8}.newsapp-cat-tile:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000012,0 2px 6px #00000008;border-color:var(--na-border-hover)}.newsapp-cat-tile:hover .newsapp-tile-arrow{transform:translate(3px);opacity:1}.newsapp-tile-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.newsapp-tile-title{font-size:1.08rem;font-weight:800;color:var(--na-text);margin:0;font-family:var(--na-serif);letter-spacing:-.02em;line-height:1.3;flex:1}.newsapp-tile-arrow{font-size:1.1rem;color:var(--tile-color, var(--na-accent));opacity:.4;transition:all var(--na-transition);flex-shrink:0;margin-left:8px;margin-top:2px}.newsapp-tile-stats{display:flex;gap:16px;margin-bottom:16px}.newsapp-tile-stat{font-size:.72rem;color:var(--na-text-3);font-weight:500}.newsapp-tile-stat strong{color:var(--na-text-2);font-weight:700;font-size:.8rem}.newsapp-tile-divider{height:1px;background:var(--na-border);margin-bottom:14px}.newsapp-tile-previews{display:flex;flex-direction:column;gap:8px}.newsapp-tile-preview{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--na-text-2);line-height:1.4}.newsapp-tile-preview-dot{width:5px;height:5px;border-radius:50%;background:var(--tile-color, var(--na-accent));flex-shrink:0;margin-top:5px;opacity:.6}.newsapp-tile-preview-count{font-size:.65rem;color:var(--na-text-3);margin-left:auto;flex-shrink:0;font-weight:600}.newsapp-detail{animation:na-fadeIn .3s ease-out}.newsapp-back{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius-sm);color:var(--na-text-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.newsapp-back:hover{border-color:var(--na-border-hover);color:var(--na-text);background:var(--na-surface-hover)}.newsapp-detail-header{margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid var(--detail-color, var(--na-accent))}.newsapp-detail-header h2{font-size:1.5rem;font-weight:800;font-family:var(--na-serif);color:var(--na-text);margin:0 0 6px;letter-spacing:-.025em}.newsapp-detail-stats{display:flex;gap:20px;font-size:.78rem;color:var(--na-text-3);font-weight:500}.newsapp-detail-stats strong{color:var(--na-text-2);font-weight:700}.newsapp-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.newsapp-toolbar-search{position:relative;display:flex;align-items:center}.newsapp-toolbar-search-icon{position:absolute;left:10px;color:var(--na-text-3);pointer-events:none}.newsapp-toolbar-input{padding:8px 12px 8px 32px;background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius-sm);color:var(--na-text);font-size:.8rem;width:200px;transition:all .2s}.newsapp-toolbar-input::placeholder{color:var(--na-text-3)}.newsapp-toolbar-input:focus{outline:none;border-color:var(--na-accent);box-shadow:0 0 0 3px var(--na-accent-light);width:240px}.newsapp-toolbar-pills{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}.newsapp-toolbar-pills::-webkit-scrollbar{display:none}.newsapp-region-pill{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;font-size:.7rem;font-weight:600;color:var(--na-text-3);background:var(--na-bg);border:1px solid var(--na-border);border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.newsapp-region-pill:hover{color:var(--na-text-2);border-color:var(--na-border-hover)}.newsapp-region-pill.active{background:var(--na-accent-light);border-color:var(--na-accent);color:var(--na-accent)}.newsapp-region-pill-count{font-size:.6rem;opacity:.6}.newsapp-detail-subcats{display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.newsapp-detail-subcats::-webkit-scrollbar{display:none}.newsapp-subcat-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;font-size:.78rem;font-weight:600;color:var(--na-text-2);background:var(--na-bg);border:1px solid var(--na-border);border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.newsapp-subcat-pill:hover{color:var(--na-text);border-color:var(--na-border-hover);background:var(--na-surface-hover)}.newsapp-subcat-pill.active{background:var(--na-accent-light);border-color:var(--na-accent);color:var(--na-accent)}.newsapp-subcat-pill-count{font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--na-surface);color:var(--na-text-3)}.newsapp-subcat-pill.active .newsapp-subcat-pill-count{background:var(--na-accent);color:#fff}.newsapp-featured{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:28px 32px;margin-bottom:20px;cursor:pointer;transition:all var(--na-transition);position:relative;animation:na-fadeUp .4s ease-out both}.newsapp-featured:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent, var(--na-accent));border-radius:14px 0 0 14px}.newsapp-featured:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000012;border-color:var(--na-border-hover)}.newsapp-featured.active{background:var(--na-accent-light);border-color:var(--na-accent)}.newsapp-featured-overline{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--card-accent, var(--na-accent));margin-bottom:8px}.newsapp-featured h4{font-size:1.2rem;font-weight:800;font-family:var(--na-serif);color:var(--na-text);margin:0 0 8px;line-height:1.35;letter-spacing:-.02em}.newsapp-featured-reason{font-size:.82rem;color:var(--na-text-2);line-height:1.6;margin:0 0 14px;max-width:600px}.newsapp-featured-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.newsapp-featured-count{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:8px;background:var(--card-accent, var(--na-accent));color:#fff}.newsapp-featured-sources{display:flex;gap:4px;flex-wrap:wrap}.newsapp-featured-src{font-size:.64rem;padding:2px 7px;background:var(--na-surface);border-radius:4px;color:var(--na-text-2);white-space:nowrap}.newsapp-medium-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.newsapp-medium-card{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:20px 22px;cursor:pointer;transition:all var(--na-transition);display:flex;flex-direction:column;animation:na-fadeUp .4s ease-out both;position:relative}.newsapp-medium-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent, var(--na-accent));border-radius:14px 0 0 14px;opacity:.7}.newsapp-medium-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f;border-color:var(--na-border-hover)}.newsapp-medium-card.active{background:var(--na-accent-light);border-color:var(--na-accent)}.newsapp-medium-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.newsapp-medium-card-flags{display:flex;gap:2px;font-size:.85rem}.newsapp-medium-card-count{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:8px;background:color-mix(in srgb,var(--card-accent, var(--na-accent)) 10%,transparent);color:var(--card-accent, var(--na-accent))}.newsapp-medium-card h4{font-size:.92rem;font-weight:700;color:var(--na-text);margin:0 0 6px;line-height:1.4;font-family:var(--na-serif);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.newsapp-medium-card-reason{font-size:.76rem;color:var(--na-text-2);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.newsapp-medium-card-foot{margin-top:auto;display:flex;gap:4px;flex-wrap:wrap}.newsapp-medium-card-src{font-size:.63rem;padding:2px 6px;background:var(--na-surface);border-radius:4px;color:var(--na-text-2);white-space:nowrap}.newsapp-compact-list{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}.newsapp-compact-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius-sm);cursor:pointer;transition:all .18s;animation:na-fadeIn .3s ease-out both}.newsapp-compact-row:hover{background:var(--na-surface-hover);border-color:var(--na-border-hover)}.newsapp-compact-row.active{background:var(--na-accent-light);border-color:var(--na-accent)}.newsapp-compact-accent{width:3px;height:24px;border-radius:2px;background:var(--card-accent, var(--na-accent));opacity:.5;flex-shrink:0}.newsapp-compact-body{flex:1;min-width:0}.newsapp-compact-name{font-size:.82rem;font-weight:600;color:var(--na-text);line-height:1.35;display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.newsapp-compact-name>:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.newsapp-compact-reason{font-size:.72rem;color:var(--na-text-3);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.newsapp-compact-sources{display:flex;gap:3px;flex-shrink:0}.newsapp-compact-src{font-size:.62rem;padding:1px 6px;background:var(--na-surface);border-radius:4px;color:var(--na-text-3);white-space:nowrap}.newsapp-compact-count{font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:8px;background:color-mix(in srgb,var(--card-accent, var(--na-accent)) 10%,transparent);color:var(--card-accent, var(--na-accent));flex-shrink:0}.newsapp-detail-section{margin-bottom:32px}.newsapp-detail-section-hdr{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--na-border)}.newsapp-detail-section-dot{width:8px;height:8px;border-radius:50%;background:var(--detail-color, var(--na-accent));flex-shrink:0}.newsapp-detail-section-title{font-size:.95rem;font-weight:700;color:var(--na-text);margin:0;font-family:var(--na-serif)}.newsapp-detail-section-count{font-size:.7rem;color:var(--na-text-3);font-weight:500;margin-left:auto}.newsapp-detail-subsection-hdr{display:flex;align-items:center;gap:8px;margin-bottom:12px}.newsapp-detail-subsection-dash{width:14px;height:2px;border-radius:1px;background:var(--detail-color, var(--na-accent));opacity:.4;flex-shrink:0}.newsapp-detail-subsection-title{font-size:.82rem;font-weight:600;color:var(--na-text-2);margin:0}.newsapp-no-results{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:var(--na-text-2);text-align:center}.newsapp-no-results-icon{font-size:2.5rem;opacity:.4}.newsapp-no-results p{margin:0;font-size:.88rem}.newsapp-clear-btn{padding:8px 20px;background:var(--na-accent-light);border:1px solid rgba(59,91,219,.2);border-radius:var(--na-radius-sm);color:var(--na-accent);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.newsapp-clear-btn:hover{background:#3b5bdb1f}.newsapp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:998;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.newsapp-overlay.visible{opacity:1;pointer-events:auto}.newsapp-panel{position:fixed;top:0;right:0;bottom:0;width:min(620px,92vw);background:linear-gradient(180deg,#fafbfd,#fff 120px);border-left:none;box-shadow:-20px 0 60px #00000014,-4px 0 16px #0000000a,0 0 0 1px #0000000d;z-index:999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);will-change:transform}.newsapp-panel.open{transform:translate(0)}.newsapp-panel-hdr{display:flex;gap:16px;padding:28px 32px 24px;background:linear-gradient(180deg,#fafbfd,transparent);flex-shrink:0;position:relative}.newsapp-panel-hdr:after{content:"";position:absolute;left:32px;right:32px;bottom:0;height:1px;background:linear-gradient(90deg,var(--na-border),transparent)}.newsapp-panel-title-area{flex:1;min-width:0}.newsapp-panel-title-area h3{font-size:1.3rem;font-weight:800;color:var(--na-text);margin:0;line-height:1.3;font-family:var(--na-serif);letter-spacing:-.025em}.newsapp-panel-lede{font-size:.85rem;color:var(--na-text-2);line-height:1.65;margin:10px 0 0;font-style:italic;border-left:3px solid var(--na-accent);padding-left:12px}.newsapp-panel-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--na-text-3);margin-top:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.newsapp-sort-btn{margin-left:auto;background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius-sm);padding:5px 12px;color:var(--na-text-2);cursor:pointer;font-size:.72rem;font-weight:700;transition:all .2s;text-transform:none;letter-spacing:0}.newsapp-sort-btn:hover{background:var(--na-surface);color:var(--na-text);border-color:var(--na-border-hover);box-shadow:0 1px 4px #0000000f}.newsapp-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--na-surface);border:1px solid var(--na-border);color:var(--na-text-3);font-size:1rem;cursor:pointer;border-radius:50%;transition:all .2s;flex-shrink:0}.newsapp-panel-close:hover{background:var(--na-text);color:#fff;border-color:var(--na-text);transform:scale(1.05)}.newsapp-panel-body{flex:1;overflow-y:auto;padding:24px 32px 40px;overscroll-behavior:contain;scroll-behavior:smooth}.newsapp-panel-body::-webkit-scrollbar{width:5px}.newsapp-panel-body::-webkit-scrollbar-track{background:transparent}.newsapp-panel-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.newsapp-panel-body::-webkit-scrollbar-thumb:hover{background:#0000002e}.newsapp-article{position:relative;background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:0;margin-bottom:16px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:na-articleReveal .4s ease-out both;overflow:hidden}.newsapp-article:hover{border-color:var(--na-border-hover);box-shadow:0 4px 20px #0000000f,0 1px 4px #00000008;transform:translateY(-2px)}.newsapp-article:active{transform:translateY(0)}.newsapp-article.country-highlight{border-left:3px solid var(--na-accent, #3b5bdb)}.newsapp-article-img{width:100%;overflow:hidden;background:var(--na-surface);line-height:0;position:relative}.newsapp-article-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#fff9);pointer-events:none}.newsapp-article-img img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.newsapp-article:hover .newsapp-article-img img{transform:scale(1.03)}.newsapp-article-src{display:flex;align-items:center;gap:8px;padding:16px 20px 0}.newsapp-article-flag{font-size:1rem;line-height:1}.newsapp-article-srcname{font-size:.73rem;font-weight:800;color:var(--na-accent);letter-spacing:.04em;text-transform:uppercase}.newsapp-article-hl{font-size:1rem;font-weight:700;color:var(--na-text);line-height:1.45;padding:8px 20px 0;font-family:var(--na-serif);letter-spacing:-.01em}.newsapp-article-hl a{color:var(--na-text);text-decoration:none;transition:color .2s;display:inline;background-image:linear-gradient(var(--na-accent),var(--na-accent));background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s cubic-bezier(.4,0,.2,1),color .2s}.newsapp-article-hl a:hover{color:var(--na-accent);background-size:100% 2px}.newsapp-article-date{display:block;font-size:.72rem;color:var(--na-text-3);font-weight:600;padding:8px 20px 16px;letter-spacing:.02em}@keyframes na-articleReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.newsapp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;color:var(--na-text-2)}.newsapp-spinner{width:36px;height:36px;border:3px solid var(--na-border);border-top-color:var(--na-accent);border-radius:50%;animation:na-spin .8s linear infinite}.newsapp-loading p{font-size:.88rem;margin:0}.newsapp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:12px;color:var(--na-text-2);padding:80px 40px}.newsapp-empty-icon{font-size:3.5rem;opacity:.25;margin-bottom:8px}.newsapp-empty h2{font-size:1.3rem;font-weight:800;color:var(--na-text);margin:0;font-family:var(--na-serif);letter-spacing:-.02em}.newsapp-empty p{font-size:.88rem;margin:0;max-width:360px;line-height:1.65;color:var(--na-text-3)}@media (max-width: 1024px){.newsapp-cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.newsapp-medium-grid{grid-template-columns:1fr}}@media (max-width: 768px){.newsapp-masthead{padding:10px 16px;height:auto;min-height:56px;flex-wrap:wrap;gap:8px}.newsapp-masthead-brand{gap:10px}.newsapp-masthead-title{font-size:1rem}.newsapp-masthead-icon{width:30px;height:30px;font-size:.9rem}.newsapp-masthead-actions{width:100%;display:flex;align-items:center;gap:8px}.newsapp-edition-picker{flex:1;min-width:0}.newsapp-edition-select{min-width:0;width:100%}.newsapp-country-picker{flex:1;min-width:0}.newsapp-country-select{min-width:0;width:100%}.newsapp-theme-toggle{width:34px;height:34px;font-size:.9rem;flex-shrink:0}.newsapp-main{padding:16px 16px 32px}.newsapp-cat-grid,.newsapp-medium-grid{grid-template-columns:1fr}.newsapp-toolbar{flex-direction:column;align-items:stretch}.newsapp-toolbar-input{width:100%}.newsapp-toolbar-input:focus{width:100%}.newsapp-detail-subcats{gap:4px}.newsapp-subcat-pill{padding:5px 12px;font-size:.72rem}.newsapp-panel{width:100%}.newsapp-panel-hdr{padding:20px 20px 18px 80px}.newsapp-panel-hdr:after{left:20px;right:20px}.newsapp-panel-body{padding:18px 20px 32px}.newsapp-panel-title-area h3{font-size:1.1rem}.newsapp-article-img img{height:160px}.newsapp-article-src{padding:14px 16px 0}.newsapp-article-hl{padding:6px 16px 0}.newsapp-article-date{padding:6px 16px 14px}.newsapp-hero{padding:20px 22px}.newsapp-hero h3{font-size:1.15rem}.newsapp-hero-overline{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.newsapp-hot-badge{margin-left:0;font-size:.56rem;padding:1px 6px}.newsapp-tile-head{flex-wrap:wrap;gap:4px}.newsapp-detail-header h2{font-size:1.2rem}.newsapp-detail-header .newsapp-hot-badge{font-size:.54rem;padding:1px 5px}.newsapp-compact-sources{display:none}.newsapp-compact-row{gap:8px;padding:10px 12px}.newsapp-compact-count{padding:2px 7px;font-size:.68rem}}.newsapp-hot-badge{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;font-weight:800;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;letter-spacing:.04em;text-transform:uppercase;animation:na-hotPulse 2s ease-in-out infinite;white-space:nowrap;margin-left:8px;vertical-align:middle}.newsapp-hot-badge-sm{display:inline-flex;align-items:center;gap:2px;font-size:.58rem;font-weight:700;padding:1px 6px;border-radius:8px;background:#ef44441a;color:#ef4444;white-space:nowrap;flex-shrink:0}.newsapp-hot-inline{font-size:.68rem;flex-shrink:0;animation:na-hotPulse 2s ease-in-out infinite}.newsapp-detail-header h2{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.newsapp-diversity-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-top:12px;gap:1px;opacity:.85;transition:opacity .2s}.newsapp-diversity-bar:hover{opacity:1}.newsapp-diversity-seg{min-width:4px;border-radius:1px;transition:flex-grow .4s ease}.newsapp-featured .newsapp-diversity-bar{margin-top:14px}.newsapp-medium-card .newsapp-diversity-bar{margin-top:auto;padding-top:10px}.newsapp-hero .newsapp-diversity-bar{margin-top:16px}.newsapp-tabbar{display:flex;align-items:center;gap:0;background:var(--na-bg);border-bottom:1px solid var(--na-border);padding:0 36px;flex-shrink:0}.newsapp-tab{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;font-size:.85rem;font-weight:700;color:var(--na-text-3);background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:all .2s;position:relative;font-family:var(--na-sans);letter-spacing:.01em}.newsapp-tab:hover{color:var(--na-text-2);background:var(--na-surface)}.newsapp-tab.active{color:var(--na-accent);border-bottom-color:var(--na-accent)}.newsapp-tab-count{font-size:.62rem;font-weight:800;padding:1px 7px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;line-height:1.5}.newsapp-trending{animation:na-fadeIn .3s ease-out}.newsapp-trending-header{text-align:center;margin-bottom:32px;animation:na-fadeUp .5s ease-out}.newsapp-trending-header h2{font-size:1.65rem;font-weight:800;font-family:var(--na-serif);color:var(--na-text);margin:0 0 6px;letter-spacing:-.03em}.newsapp-trending-header p{font-size:.85rem;color:var(--na-text-3);margin:0}.newsapp-trending-section-header{display:flex;align-items:center;gap:8px;margin:28px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--na-border);animation:na-fadeUp .4s ease-out}.newsapp-trending-section-header:first-of-type{margin-top:0}.newsapp-trending-section-header span:first-child{font-size:1.3rem}.newsapp-trending-section-header h3{font-size:1.1rem;font-weight:700;font-family:var(--na-serif);color:var(--na-text);margin:0;letter-spacing:-.02em}.newsapp-trending-section-count{font-size:.75rem;font-weight:600;background:var(--na-bg-2);color:var(--na-text-3);padding:2px 8px;border-radius:10px;margin-left:auto}.newsapp-trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.newsapp-trending-card{background:var(--na-bg);border:1px solid var(--na-border);border-radius:var(--na-radius);padding:22px 24px;cursor:pointer;transition:all var(--na-transition);position:relative;overflow:hidden;animation:na-fadeUp .45s ease-out both;display:flex;flex-direction:column}.newsapp-trending-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent, var(--na-accent));border-radius:14px 0 0 14px}.newsapp-trending-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000012,0 2px 6px #00000008;border-color:var(--na-border-hover)}.newsapp-trending-card.active{background:var(--na-accent-light);border-color:var(--na-accent)}.newsapp-trending-card-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.newsapp-trending-card-cat{font-size:.6rem;font-weight:800;padding:2px 10px;border-radius:10px;background:var(--tag-color, var(--na-accent));color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.newsapp-trending-card-subcat{font-size:.6rem;font-weight:700;padding:2px 10px;border-radius:10px;background:var(--na-surface);color:var(--na-text-2);letter-spacing:.02em;white-space:nowrap}.newsapp-trending-card h4{font-size:1rem;font-weight:700;font-family:var(--na-serif);color:var(--na-text);margin:0 0 6px;line-height:1.35;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.newsapp-trending-card-reason{font-size:.78rem;color:var(--na-text-2);line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.newsapp-trending-card-coverage{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.newsapp-trending-card-flags{display:flex;gap:2px;font-size:.9rem;align-items:center}.newsapp-trending-card-more{font-size:.65rem;color:var(--na-text-3);font-weight:600}.newsapp-trending-card-region-count{font-size:.68rem;font-weight:700;color:var(--na-text-3);letter-spacing:.02em}.newsapp-trending-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.newsapp-trending-card-articles{font-size:.72rem;font-weight:800;padding:2px 9px;border-radius:8px;background:color-mix(in srgb,var(--card-accent, var(--na-accent)) 10%,transparent);color:var(--card-accent, var(--na-accent))}.newsapp-trending-card-sources{display:flex;gap:3px;flex-wrap:wrap}.newsapp-trending-card-src{font-size:.6rem;padding:2px 6px;background:var(--na-surface);border-radius:4px;color:var(--na-text-2);white-space:nowrap}.newsapp-trending-card .newsapp-diversity-bar{margin-top:10px}@media (max-width: 1024px){.newsapp-trending-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.newsapp-tabbar{padding:0 16px}.newsapp-tab{padding:10px 14px;font-size:.8rem}.newsapp-trending-grid{grid-template-columns:1fr}.newsapp-trending-card{padding:18px}.newsapp-trending-card-sources{display:none}}.newsapp-engagement-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.newsapp-engagement-badge.sm{font-size:.6rem;padding:1px 6px}.newsapp-engagement-badge.high{background:#ff38381f;color:#e03131}.newsapp-engagement-badge.above{background:#ff8c001f;color:#e67700}.newsapp-engagement-badge.mid{background:#ffc8001f;color:#a68800}.newsapp-engagement-badge.low{background:#00b4501f;color:#0ca678}.newsapp-sort-toggle{display:flex;gap:4px;margin-top:8px}.newsapp-sort-btn{padding:4px 12px;border:1px solid var(--na-border);border-radius:16px;background:transparent;color:var(--na-text-2);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.newsapp-sort-btn:hover{background:var(--na-surface)}.newsapp-sort-btn.active{background:var(--na-text);color:var(--na-bg);border-color:var(--na-text)}.pipeline-container{min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:#f4f6f9;padding:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.pipeline-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px var(--spacing-xl);margin-bottom:2px;flex-shrink:0}.header-title{display:flex;align-items:center;gap:14px}.pipeline-header .header-icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d28d9,#7c3aed);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #6d28d94d}.pipeline-header .header-icon-wrapper svg.page-icon{stroke:#fff;width:22px;height:22px}.header-text h1{font-size:22px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.header-text p{font-size:13px;color:#64748b;margin:2px 0 0}.pipeline-error{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;color:#be123c;padding:10px 16px;border-radius:10px;margin:0 var(--spacing-xl) 12px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pipeline-error button{background:none;border:none;color:#be123c;font-size:18px;cursor:pointer;padding:0 4px;opacity:.7;transition:opacity .15s}.pipeline-error button:hover{opacity:1}.pipeline-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;color:#065f46;padding:10px 16px;border-radius:10px;margin:0 var(--spacing-xl) 12px;font-size:13px;font-weight:600;animation:toastIn .3s ease,toastOut .4s ease 3s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.pipeline-content{display:grid;grid-template-columns:280px 1fr;gap:20px;flex:1;min-height:0;padding:0 var(--spacing-xl) var(--spacing-xl)}.pipeline-content.sidebar-collapsed{grid-template-columns:36px 1fr;gap:12px}.pipeline-sidebar-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:14px 0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000005;cursor:pointer;color:#64748b;transition:background .15s,color .15s}.pipeline-sidebar-rail:hover{background:#f8fafc;color:#6d28d9}.pipeline-sidebar-rail .rail-icon{font-size:20px;font-weight:700;line-height:1}.pipeline-sidebar-rail .rail-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;display:inline-flex;align-items:center;gap:6px}.pipeline-sidebar-rail .rail-count{background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;writing-mode:horizontal-tb;transform:rotate(180deg)}.sidebar-collapse-btn{margin-left:6px;background:transparent;border:1px solid #e2e8f0;color:#64748b;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s,border-color .15s}.sidebar-collapse-btn:hover{background:#f1f5f9;color:#6d28d9;border-color:#c4b5fd}.pipeline-list-card,.pipeline-runs-card{background:#fff;border-radius:14px;padding:0;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000005;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;min-height:400px;overflow:hidden}.pipeline-list-card .card-header,.pipeline-runs-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #f1f5f9;background:#fafbfd;flex-shrink:0}.pipeline-list-card .card-header h2,.pipeline-runs-card .card-header h2{font-size:13px;font-weight:700;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.6px}.badge{background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.3px}.pipeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;flex:1;gap:12px;color:#94a3b8;font-size:13px}.pipeline-loading:before{content:"";width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pipeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#94a3b8;text-align:center;flex:1}.pipeline-empty .empty-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:24px}.pipeline-empty p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.pipeline-empty .subtle{color:#94a3b8;font-size:12px;margin-top:4px}.pipeline-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;padding:6px}.pipeline-item{padding:12px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;position:relative}.pipeline-item:hover{background:#f8fafc}.pipeline-item.selected{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf633}.pipeline-item.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#7c3aed,#6d28d9)}.pipeline-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pipeline-item-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.pipeline-name{font-weight:600;font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-connector{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.pipeline-status-indicator.enabled{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.pipeline-status-indicator.disabled{background:#cbd5e1}.toggle-btn{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;border:none;cursor:pointer;transition:all .15s ease;letter-spacing:.5px;text-transform:uppercase}.toggle-btn.on{background:#dcfce7;color:#16a34a}.toggle-btn.off{background:#f1f5f9;color:#94a3b8}.pipeline-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.pipeline-item .pipeline-item-footer{opacity:.5;transition:opacity .15s ease}.pipeline-item:hover .pipeline-item-footer,.pipeline-item.selected .pipeline-item-footer{opacity:1}.pipeline-meta{font-size:11px;color:#94a3b8}.pipeline-item-btns{display:flex;gap:4px}.pipeline-last-run{font-size:11px;font-weight:500;margin-top:2px;display:flex;align-items:center;gap:4px}.pipeline-last-run.completed{color:#16a34a}.pipeline-last-run.running{color:#7c3aed}.pipeline-last-run.failed{color:#dc2626}.pipeline-last-run.cancelled{color:#94a3b8}.btn-sm{padding:5px 10px;font-size:12px;border-radius:7px;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s ease;background:#fff;color:#475569;font-weight:500;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.btn-sm:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sm:disabled{opacity:.4;cursor:not-allowed}.btn-trigger{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#bbf7d0;font-weight:600}.btn-trigger:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 8px #22c55e26}.btn-delete{color:#ef4444;border-color:transparent;background:transparent}.btn-delete:hover{background:#fef2f2;border-color:#fecaca}.btn-clone{color:#64748b;border-color:transparent;background:transparent;font-size:14px}.btn-clone:hover{background:#f1f5f9;border-color:#e2e8f0;color:#7c3aed}.btn-primary{padding:10px 22px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6d28d940;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6d28d94d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:10px 20px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-test-connection{padding:8px 16px;font-size:13px}.btn-test-connection:disabled{opacity:.6;cursor:not-allowed}.connection-result{font-size:13px;font-weight:500}.connection-result.success{color:#16a34a}.connection-result.error{color:#dc2626}.pipeline-canvas-area{display:flex;flex-direction:column;gap:20px;min-width:0}.pipeline-canvas-card{background:#fff;border-radius:14px;padding:0;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000005;border:1px solid rgba(0,0,0,.06);overflow:hidden;min-width:0}.pipeline-canvas-card>.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#fafbfd}.pipeline-canvas-card>.card-header h2{font-size:15px;font-weight:700;color:#1e293b;margin:0}.canvas-header-actions{display:flex;gap:8px;align-items:center}.schedule-picker{display:flex;align-items:center;gap:4px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:4px 8px;margin-right:4px}.schedule-icon{font-size:13px;line-height:1}.schedule-select{border:none;background:transparent;font-size:12px;font-weight:600;color:#15803d;cursor:pointer;padding:0 2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.schedule-select:hover{color:#166534}.schedule-select option{color:#1e293b;background:#fff}.btn-save-pipeline{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;border-color:#c4b5fd;font-weight:600}.btn-save-pipeline:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);box-shadow:0 2px 8px #6d28d91f}.pipeline-canvas{padding:40px 24px;overflow-x:auto;background:linear-gradient(180deg,#fafbfd,#f8f9fc)}.pipeline-live-status{display:flex;align-items:center;gap:14px;padding:12px 20px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid rgba(139,92,246,.1);animation:slideDown .3s ease}.live-status-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;animation:livePulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #7c3aed66}50%{opacity:.7;box-shadow:0 0 0 4px #7c3aed00}}.live-status-info{flex:1;display:flex;align-items:center;gap:10px}.live-status-phase{font-size:13px;font-weight:600;color:#6d28d9}.live-status-bar{flex:1;height:4px;background:#8b5cf626;border-radius:2px;overflow:hidden}.live-status-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.live-status-percent{font-size:12px;font-weight:700;color:#6d28d9;min-width:36px;text-align:right}.live-status-elapsed{font-size:11px;color:#8b5cf6;white-space:nowrap}.pipeline-nodes{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:fit-content;padding-left:20px;padding-right:20px}.pipeline-node-wrapper{display:flex;align-items:center}.pipeline-node .node-step-number{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1;border:2px solid #ffffff;transition:all .2s ease}.pipeline-node.configured .node-step-number,.pipeline-node.running .node-step-number{background:var(--node-color, #7c3aed);color:#fff}.pipeline-node.completed .node-step-number{background:#10b981;color:#fff}.pipeline-node.failed .node-step-number{background:#ef4444;color:#fff}.pipeline-connector-line{display:flex;align-items:center;margin:0 -2px;position:relative;width:56px}.pipeline-connector-line svg{width:56px;height:6px}.pipeline-connector-line svg line{stroke:#d1d5db;stroke-width:2}.pipeline-connector-line svg polygon{fill:#d1d5db}.pipeline-connector-line.completed svg line{stroke:#10b981;stroke-width:2.5}.pipeline-connector-line.completed svg polygon{fill:#10b981}.pipeline-connector-line.active svg line{stroke:#8b5cf6;stroke-dasharray:6 3;animation:dashMove .8s linear infinite}.pipeline-connector-line.active svg polygon{fill:#8b5cf6}@keyframes dashMove{to{stroke-dashoffset:-9}}.pipeline-node{width:148px;padding:22px 14px 18px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 1px 3px #0000000a}.pipeline-node:hover{border-color:var(--node-color, #8b5cf6);box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.pipeline-node.configured{border-color:color-mix(in srgb,var(--node-color) 50%,#e5e7eb);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--node-color) 4%,white))}.pipeline-node.running{border-color:var(--node-color, #8b5cf6);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 15%,transparent),0 8px 24px #0000000f;animation:nodeGlow 2.5s ease-in-out infinite}.pipeline-node.completed{border-color:#10b981;background:linear-gradient(180deg,#fff,#ecfdf5);box-shadow:0 2px 8px #10b9811a}.pipeline-node.failed{border-color:#ef4444;background:linear-gradient(180deg,#fff,#fef2f2);box-shadow:0 2px 8px #ef44441a}@keyframes nodeGlow{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 12%,transparent),0 4px 12px #0000000a}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--node-color) 20%,transparent),0 8px 24px #0000000f}}.node-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--node-color, #8b5cf6) 8%,white);transition:all .2s ease}.pipeline-node:hover .node-icon-wrapper,.pipeline-node.configured .node-icon-wrapper{background:color-mix(in srgb,var(--node-color, #8b5cf6) 12%,white)}.pipeline-node.running .node-icon-wrapper{background:color-mix(in srgb,var(--node-color, #8b5cf6) 15%,white)}.pipeline-node.completed .node-icon-wrapper{background:#ecfdf5}.node-icon-wrapper svg{width:22px;height:22px;stroke:var(--node-color, #8b5cf6);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pipeline-node.completed .node-icon-wrapper svg{stroke:#10b981}.pipeline-node.failed .node-icon-wrapper svg{stroke:#ef4444}.node-icon{font-size:28px;line-height:1;display:none}.node-label{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:-.1px}.node-desc{font-size:11px;color:#94a3b8;line-height:1.3}.node-check{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--node-color, #10b981);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;border:2px solid #ffffff}.pipeline-node.completed .node-check{background:#10b981}.node-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:14px;border:2px solid var(--node-color);transform:translate(-50%,-50%);animation:pulse 2s ease-out infinite;pointer-events:none}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.12);opacity:0}}.node-phase-dots{display:flex;gap:4px;justify-content:center;margin-top:6px}.phase-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.phase-dot.done{background:#10b981;box-shadow:0 0 4px #10b98166}.phase-dot.active{background:var(--node-color, #7c3aed);animation:dotPulse 1.2s ease infinite}.phase-dot.failed{background:#ef4444;box-shadow:0 0 4px #ef444466}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.pipeline-runs-card{min-height:auto}.runs-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;padding:8px}.run-item{padding:14px 16px 14px 36px;border-radius:10px;border:1px solid transparent;background:transparent;transition:all .15s ease;position:relative}.run-item:hover{background:#f8fafc}.run-item+.run-item{margin-top:2px}.run-item:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:#f1f5f9}.run-item:first-child:before{top:50%}.run-item:last-child:before{bottom:50%}.run-item:only-child:before{display:none}.run-item:after{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#e2e8f0;border:2px solid #ffffff;box-shadow:0 0 0 1px #e2e8f0;z-index:1}.run-item.completed:after{background:#16a34a;box-shadow:0 0 0 1px #16a34a}.run-item.running:after{background:#7c3aed;box-shadow:0 0 0 1px #7c3aed;animation:livePulse 1.5s ease-in-out infinite}.run-item.failed:after{background:#ef4444;box-shadow:0 0 0 1px #ef4444}.run-item.cancelled:after{background:#94a3b8;box-shadow:0 0 0 1px #94a3b8}.run-item.running{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-color:#8b5cf61f;border-radius:12px}.run-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.run-header-left{display:flex;align-items:center;gap:8px}.run-date{font-weight:600;font-size:13px;color:#1e293b}.run-trigger-badge{font-size:10px;padding:2px 7px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.run-trigger-badge.scheduled{background:#e0e7ff;color:#4338ca}.run-trigger-badge.manual{background:#f0fdf4;color:#16a34a}.run-status-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.run-status-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.run-status-badge.running{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.run-status-badge.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#be123c}.run-status-badge.cancelled{background:#f1f5f9;color:#64748b}.run-progress{margin:8px 0}.progress-bar{height:5px;background:#8b5cf61a;border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa,#c4b5fd);background-size:200% 100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.phase-label{font-size:12px;color:#6d28d9;font-weight:600}.run-details{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b;align-items:center}.run-details span{display:inline-flex;align-items:center;gap:4px}.run-time{color:#94a3b8}.run-duration{font-weight:600;color:#7c3aed;font-size:11px;background:#f5f3ff;padding:1px 6px;border-radius:4px}.run-cost{font-weight:600;color:#0d9488;font-size:11px;background:#f0fdfa;padding:1px 6px;border-radius:4px;cursor:help}.run-error{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border-radius:8px;font-size:12px;color:#be123c;border:1px solid #fecaca;line-height:1.4}.run-actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.btn-logs{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border-color:#bfdbfe;font-weight:600}.btn-logs:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.btn-explorer{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border-color:#bbf7d0;font-weight:600}.btn-explorer:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.btn-resume{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;border-color:#fde68a;font-weight:600}.btn-resume:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.btn-cancel{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#be123c;border-color:#fecaca;font-weight:600}.btn-cancel:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.btn-delete-run{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);color:#737373;border-color:#d4d4d4;font-weight:600}.btn-delete-run:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#be123c;border-color:#fecaca}.btn-replay-select{padding:4px 8px;border-radius:8px;border:1px solid #c4b5fd;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#6d28d9;font-size:12px;font-weight:600;cursor:pointer;outline:none}.btn-replay-select:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa}.btn-replay-select:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:confirmSlideIn .2s ease-out}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon{font-size:40px;margin-bottom:12px}.confirm-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 8px}.confirm-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn-secondary{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.confirm-actions .btn-secondary:hover{background:#f3f4f6}.btn-confirm{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:none;color:#fff}.btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.pipeline-logs-timeline{display:flex;flex-direction:column;gap:0;font-family:SF Mono,Fira Code,Consolas,Monaco,monospace;font-size:12px}.log-entry{display:flex;align-items:flex-start;gap:10px;padding:6px 12px;border-bottom:1px solid #f8fafc;line-height:1.5;transition:background .1s ease}.log-entry:hover{background:#f8fafc}.log-entry.error{background:#fef2f2}.log-entry.error .log-message{color:#be123c}.log-time{color:#94a3b8;font-size:11px;white-space:nowrap;min-width:72px}.log-phase{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;min-width:76px;text-align:center;background:#f1f5f9;color:#475569;text-transform:uppercase;letter-spacing:.3px}.log-phase.start,.log-phase.config{background:#e0e7ff;color:#4338ca}.log-phase.data_load{background:#dbeafe;color:#1d4ed8}.log-phase.uploading{background:#e0e7ff;color:#4338ca}.log-phase.clustering{background:#ede9fe;color:#7c3aed}.log-phase.auto_label{background:#fce7f3;color:#be185d}.log-phase.hierarchy{background:#fef3c7;color:#b45309}.log-phase.publish{background:#d1fae5;color:#065f46}.log-phase.completed{background:#dcfce7;color:#16a34a}.log-message{color:#334155;flex:1;word-break:break-word}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.logs-header h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.refresh-btn{padding:7px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.logs-content{max-height:420px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fafbfd}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#64748b;gap:10px}.logs-loading .spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;animation:spin .7s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:modalOverlayIn .2s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:28px;max-width:500px;width:90%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 48px -12px #0000002e,0 0 0 1px #0000000d;animation:modalContentIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalContentIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-large{max-width:680px}.logs-modal{max-width:900px}.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:20px}.modal-header-modern h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.modal-subtitle{font-size:13px;color:#64748b;margin:4px 0 0}.close-modal-btn{width:32px;height:32px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-modal-btn:hover{background:#fef2f2;color:#ef4444}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9}.pipeline-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px -12px #0000002e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:18px;font-weight:700;color:#0f172a;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:0 4px}.modal-close:hover{color:#475569}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.form-group input,.form-group select,.input-field{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fafbfd;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.input-field:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed14}.form-group input:disabled,.input-field:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-hint{display:block;font-size:11px;color:#94a3b8;margin-top:4px;line-height:1.4}.prompt-textarea{width:100%;box-sizing:border-box;min-height:120px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5;color:#334155;resize:vertical;transition:border-color .2s}.prompt-textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.prompt-textarea::placeholder{color:#94a3b8;font-style:italic}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.prompt-label-row label{margin-bottom:0}.btn-reset-prompt{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:3px 10px;font-size:11px;color:#64748b;cursor:pointer;transition:all .2s}.btn-reset-prompt:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.taxonomy-entry{border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:10px;background:#f8fafc;transition:border-color .2s}.taxonomy-entry:hover{border-color:#cbd5e1}.taxonomy-header{display:flex;gap:8px;align-items:center}.taxonomy-category-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;color:#1e293b;background:#fff}.taxonomy-category-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-remove-taxonomy{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-remove-taxonomy:hover{color:#ef4444;background:#fef2f2}.taxonomy-subcategories{margin-top:8px;padding-left:12px}.taxonomy-sub-row{display:flex;gap:6px;align-items:center;margin-bottom:4px}.taxonomy-sub-bullet{color:#94a3b8;font-size:14px;width:16px;text-align:center}.taxonomy-sub-input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#334155;background:#fff}.taxonomy-sub-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.btn-remove-sub{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-remove-sub:hover{color:#ef4444;background:#fef2f2}.btn-add-sub{background:none;border:1px dashed #cbd5e1;border-radius:6px;padding:4px 12px;font-size:11px;color:#64748b;cursor:pointer;margin-top:4px;transition:all .2s}.btn-add-sub:hover{border-color:#8b5cf6;color:#8b5cf6;background:#f5f3ff}.taxonomy-view-toggle{display:flex;gap:2px;background:#f1f5f9;border-radius:6px;padding:2px}.taxonomy-toggle-btn{background:none;border:none;padding:4px 12px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;border-radius:4px;transition:all .2s}.taxonomy-toggle-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 2px #00000014}.taxonomy-json-textarea{font-size:12px;min-height:200px}.taxonomy-json-textarea.json-error{border-color:#ef4444}.taxonomy-json-textarea.json-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-row{display:flex;justify-content:space-between;align-items:center}.form-row label{margin-bottom:0}.form-section{margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.form-section h3{font-size:13px;font-weight:700;color:#475569;margin:0 0 12px;text-transform:uppercase;letter-spacing:.4px}.form-grid,.params-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.connector-select{display:flex;gap:12px}.connector-option{flex:1;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:center;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569}.connector-option:hover{border-color:#c4b5fd;background:#faf5ff;transform:translateY(-1px)}.connector-option.active{border-color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#6d28d9;box-shadow:0 0 0 1px #7c3aed}.connector-icon{font-size:28px}.execution-mode-toggle{display:flex;gap:10px}.radio-option{flex:1;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.radio-option:has(input:checked){border-color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.radio-option input[type=radio]{width:auto;margin-bottom:4px;accent-color:#7c3aed}.radio-option span{font-size:14px;font-weight:600;color:#1e293b}.radio-option small{font-size:12px;color:#64748b}.info-tooltip{margin-left:4px;cursor:help;color:#94a3b8;font-size:13px}.step-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin-top:12px}.step-info-card p{color:#475569;font-size:14px;line-height:1.6;margin:0 0 14px}.step-config-display{display:flex;flex-direction:column;gap:0}.config-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.config-row:last-child{border-bottom:none}.config-label{font-size:13px;font-weight:600;color:#374151}.config-value{font-size:13px;color:#64748b;font-weight:500}@media (max-width: 768px){.pipeline-content{grid-template-columns:1fr;padding:0 var(--spacing-md) var(--spacing-md)}.pipeline-header{flex-direction:column;gap:12px;align-items:flex-start;padding:16px var(--spacing-md)}.form-grid,.params-grid{grid-template-columns:1fr}.pipeline-modal{max-height:95vh}.pipeline-nodes{flex-direction:column;align-items:center;gap:0}.pipeline-connector-line{transform:rotate(90deg);margin:-10px 0}.pipeline-node{width:160px}.connector-select,.execution-mode-toggle{flex-direction:column}.modal-content{padding:20px;border-radius:14px}.run-item{padding-left:16px}.run-item:before,.run-item:after{display:none}.pipeline-live-status{flex-wrap:wrap;gap:8px}.live-status-info{flex-wrap:wrap}}.phase-steps{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.phase-step{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.step-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;flex-shrink:0}.phase-step.done .step-dot{background:#16a34a}.phase-step.active .step-dot{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.phase-step.done .step-label{color:#16a34a}.phase-step.active .step-label{color:#7c3aed;font-weight:600}.pipeline-list::-webkit-scrollbar,.runs-list::-webkit-scrollbar,.logs-content::-webkit-scrollbar{width:5px}.pipeline-list::-webkit-scrollbar-track,.runs-list::-webkit-scrollbar-track,.logs-content::-webkit-scrollbar-track{background:transparent}.pipeline-list::-webkit-scrollbar-thumb,.runs-list::-webkit-scrollbar-thumb,.logs-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pipeline-list::-webkit-scrollbar-thumb:hover,.runs-list::-webkit-scrollbar-thumb:hover,.logs-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.nav-hamburger{position:fixed;top:20px;left:20px;z-index:1100;width:52px;height:52px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000f,0 1px 3px #0000000a}.nav-hamburger:hover{background:#fff;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000a;transform:translateY(-1px)}.nav-hamburger span{display:block;width:22px;height:2.5px;background:#1a1a2e;border-radius:2px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-hamburger.open{opacity:0;pointer-events:none;transform:translate(-100%)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .25s ease}.nav-sidebar{position:fixed;top:0;left:-340px;width:340px;height:100vh;background:#fff;box-shadow:8px 0 32px #0000001a;z-index:1001;display:flex;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1)}.nav-sidebar.open{left:0}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,#1a1a2e,#16213e)}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;padding:6px}.nav-brand-icon svg{width:100%;height:100%;stroke:#fff}.nav-brand-text{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.3px}.nav-close{width:36px;height:36px;background:#ffffff14;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:8px}.nav-close svg{width:100%;height:100%;stroke:#fff}.nav-close:hover{background:#ffffff26;transform:scale(1.05)}.nav-menu{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section+.nav-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.nav-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;padding:6px 18px 4px}.nav-menu::-webkit-scrollbar{width:5px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;font-size:15px;font-weight:500;color:#4b5563;position:relative}.nav-item:hover{background:#f8fafc;color:#1a1a2e}.nav-item.active{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);color:#1a1a2e;font-weight:600}.nav-item.active .nav-icon svg{stroke:#3b5bdb}.nav-indicator{position:absolute;right:16px;width:6px;height:6px;background:#3b5bdb;border-radius:50%}.nav-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%;stroke:currentColor;transition:stroke .2s ease}.nav-label{flex:1}.nav-footer{padding:20px;border-top:1px solid rgba(0,0,0,.06);background:#fafbfc;margin-top:auto;flex-shrink:0}.nav-user{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:12px;margin-bottom:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000005}.user-avatar{width:44px;height:44px;background:linear-gradient(135deg,#1a1a2e,#2d3748);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:700;flex-shrink:0;letter-spacing:-.5px}.user-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.user-icon svg{width:100%;height:100%;stroke:#fff}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.user-email{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.nav-logout{width:100%;padding:13px 18px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #dc262633}.nav-logout:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.logout-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.logout-icon svg{width:100%;height:100%;stroke:#fff}@media (max-width: 768px){.nav-sidebar{width:300px;left:-300px}.nav-hamburger{width:48px;height:48px;top:16px;left:16px;padding:12px}.nav-hamburger span{width:20px;height:2px}.nav-header{padding:20px 22px}.nav-brand-text{font-size:17px}}.layout{min-height:100vh;min-height:-webkit-fill-available;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.layout::-webkit-scrollbar{display:none}.layout-content{min-height:100vh;min-height:-webkit-fill-available;padding-left:var(--content-padding-left);padding-top:var(--spacing-lg);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-lg);transition:padding-left var(--transition-base);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;-webkit-overflow-scrolling:touch}.layout-content::-webkit-scrollbar{display:none}@media (max-width: 768px){.layout{height:auto;min-height:100vh;min-height:-webkit-fill-available}.layout-content{height:auto;min-height:calc(100vh - 80px);min-height:calc(-webkit-fill-available - 80px);padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:calc(var(--nav-button-size) + var(--spacing-lg));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.layout-content{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:80px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b5bdb;--primary-dark: #364fc7;--primary-light: #5c7cfa;--primary-subtle: #e7f1ff;--secondary: #4c6ef5;--accent: #1a1a2e;--accent-light: #2d3748;--success: #099268;--success-light: #d3f9d8;--warning: #e67700;--warning-light: #fff4e6;--danger: #c92a2a;--danger-light: #ffe0e0;--info: #1971c2;--info-light: #e7f5ff;--text-dark: #1a1a2e;--text-medium: #495057;--text-light: #6c757d;--text-lighter: #adb5bd;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-gray: #f1f3f5;--bg-dark: #1a1a2e;--gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #2d3748 100%);--gradient-secondary: linear-gradient(135deg, #3b5bdb 0%, #4c6ef5 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);--border-color: #e9ecef;--border-light: #f1f3f5;--border-dark: #dee2e6;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--nav-width: 340px;--nav-button-size: 64px;--content-padding-left: 90px;--content-max-width: 1400px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .05);--z-base: 1;--z-dropdown: 1000;--z-nav: 1100;--z-modal: 1200;--z-tooltip: 1300;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html{height:-webkit-fill-available}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-primary);min-height:100vh;min-height:-webkit-fill-available;margin:0;padding:0;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.011em;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button{font-family:inherit}::selection{background:var(--primary-subtle);color:var(--primary-dark)}@media (max-width: 768px){:root{--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px}body{font-size:14px}}@media (hover: none) and (pointer: coarse){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}