*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#d4edda,#c3e6cb);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}#root{margin:0 auto;max-width:1400px}.app-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px;text-align:center}.app-header h1{color:#2c3e50;font-size:1.75rem;font-weight:600;margin-bottom:8px}.subtitle{color:#7f8c8d;font-size:.9rem;font-weight:400}.dashboard-container{display:flex;flex-direction:column;gap:20px}.steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:8px}.step{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s ease}.step:hover{border-color:#cfd4da;transform:translateY(-1px)}.step .index{align-items:center;background:#dee2e6;border-radius:50%;display:flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.step .index,.step .label{color:#2c3e50;font-weight:700}.step .label{font-size:.9rem}.step .hint{color:#6c757d;font-size:.75rem}.step.active{background:#e8f5e9;border-color:#28a745}.step.active .index{background:#28a745;color:#fff}.step.done{background:#e8f7fa;border-color:#17a2b8}.step.done .index{background:#17a2b8;color:#fff}.section-box{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.section-box:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.section-header{align-items:center;border-bottom:2px solid #e8f5e9;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.section-icon{font-size:1.5rem}.section-title{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.section-description{color:#7f8c8d;font-size:.8rem;font-weight:400;margin-top:3px}button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 6px #28a74540;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}button:hover:not(:disabled){box-shadow:0 3px 10px #28a74559;transform:translateY(-1px)}button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}button.secondary{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 6px #6c757d40}button.danger{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 6px #dc354540}input[type=file],input[type=number],input[type=text],select{border:2px solid #e0e0e0;border-radius:6px;font-size:.875rem;padding:10px;transition:border-color .2s ease;width:100%}input:focus,select:focus{border-color:#28a745;outline:none}.alert{border-radius:6px;font-size:.85rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.alert-success{background:#d4edda;border-left:3px solid #28a745;color:#155724}.alert-error{background:#f8d7da;border-left:3px solid #dc3545;color:#721c24}.alert-warning{background:#fff3cd;border-left:3px solid #ffc107;color:#856404}.alert-info{background:#d1ecf1;border-left:3px solid #17a2b8;color:#0c5460}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.form-group{margin-bottom:16px}.form-group label{color:#2c3e50;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.file-uploads,.form-row{grid-gap:16px;display:grid;gap:16px}.file-uploads{margin-bottom:20px}.file-upload-card{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:16px;transition:all .2s ease}.file-upload-card:hover{background:#f1f8f4;border-color:#28a745}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-header h3{color:#495057;font-size:1rem;font-weight:600;margin:0}.btn-remove{align-items:center;background:#dc3545;border-radius:50%;display:flex;font-size:1rem;height:28px;justify-content:center;padding:0;width:28px}.columns-info{background:#fff;border-radius:6px;margin-top:12px;padding:12px}.columns-info strong{color:#28a745;font-size:.85rem}.columns-list{background:#e8f5e9;border-radius:4px;color:#2c3e50;font-size:.8rem;margin-top:8px;max-height:80px;overflow-y:auto;padding:8px}.actions{border-top:2px solid #e8f5e9;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.feature-selection{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-selection h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:10px}.feature-description{background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;color:#6c757d;font-size:.85rem;margin-bottom:16px;padding:12px}.selection-mode{background:#f8f9fa;border-radius:6px;display:flex;gap:24px;margin-bottom:20px;padding:12px}.selection-mode label{align-items:center;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px}.selection-mode input[type=radio]{cursor:pointer;width:auto}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:20px}.feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;position:relative;transition:all .2s ease}.feature-card:not(.disabled){cursor:pointer}.feature-card:not(.disabled):hover{border-color:#28a745;box-shadow:0 3px 10px #28a7452e;transform:translateY(-1px)}.feature-card.selected{background:#e8f5e9;border-color:#28a745}.feature-card.disabled{opacity:.8}.feature-name{color:#2c3e50;font-size:.875rem;font-weight:600;margin-bottom:10px}.feature-importance{align-items:center;display:flex;gap:8px}.importance-bar{background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.importance-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.importance-value{color:#28a745;font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.feature-badge{background:#28a745;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;position:absolute;right:8px;top:8px}.importance-chart{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin:12px 0 8px;padding:12px}.importance-chart .chart-header{align-items:baseline;display:flex;gap:10px;margin-bottom:10px}.importance-chart h4{color:#2c3e50;font-size:1rem;margin:0}.importance-chart .chart-sub{color:#6c757d;font-size:.8rem}.importance-chart .bar-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 6fr 60px;margin:6px 0}.importance-chart .bar-label{color:#374151;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.importance-chart .bar{background:#eef2f7;border-radius:6px;height:12px;overflow:hidden}.importance-chart .bar-fill{background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:6px 0 0 6px;height:100%}.importance-chart .bar-value{color:#2563eb;font-size:.8rem;font-weight:600;text-align:right}.checkbox-label{cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;width:auto}.help-text{color:#6c757d;font-size:.75rem;font-weight:400;margin-left:26px}.model-report{animation:slideIn .3s ease;border-top:2px solid #e8f5e9;margin-top:24px;padding-top:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.report-table-container{border-radius:8px;box-shadow:0 2px 6px #00000014;overflow-x:auto}.report-table{background:#fff;border-collapse:collapse;width:100%}.report-table th{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:.85rem;font-weight:600;padding:12px;text-align:left}.report-table td{border-bottom:1px solid #e0e0e0;font-size:.8rem;padding:10px 12px}.report-table tbody tr{transition:background .2s ease}.report-table tbody tr:hover{background:#f8f9fa}.report-table tbody tr.best-model{background:#e8f5e9;font-weight:600}.report-table tbody tr.best-model td:first-child:before{content:"🏆 "}.report-table tbody tr.selected-model{background:#e8f5e9;border-left:3px solid #28a745}.report-table tbody tr.selected-model td{font-weight:600}.report-table input[type=radio]{cursor:pointer;width:auto}small{color:#6c757d;display:block;font-size:.75rem;margin-top:4px}.model-info{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border-radius:8px;margin-bottom:20px;padding:16px}.model-info h3{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:12px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item{background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:10px}.info-label{color:#6c757d;font-size:.75rem;font-weight:500}.info-value{color:#2c3e50;font-size:.95rem;font-weight:600}.file-uploaded{color:#28a745;font-size:.8rem;font-weight:600}.uploaded-files-list{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.uploaded-files-list h4{color:#2c3e50;font-size:.95rem;margin:0 0 12px}.file-item{align-items:center;background:#fff;border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px}.file-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.file-name{color:#2c3e50;font-weight:600}.file-stats{color:#6c757d;font-size:.85rem}.join-column-selector{align-items:center;display:flex;gap:8px;margin-top:8px}.join-column-selector label{color:#495057;font-size:.85rem;margin:0;white-space:nowrap}.join-column-selector select{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:.85rem;max-width:300px;padding:6px 10px}.merge-actions{align-items:center;border-top:1px solid #dee2e6;display:flex;gap:12px;margin-top:12px;padding-top:12px}.merge-success{color:#28a745;font-size:.9rem;font-weight:600}.predictions-section{animation:fadeIn .3s ease;border-top:2px solid #e8f5e9;margin-top:24px;padding-top:24px}.predictions-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.predictions-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{border-radius:10px;box-shadow:0 2px 8px #00000014;padding:16px;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card.high-risk{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}.stat-card.low-risk{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.stat-card.total{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-left:4px solid #17a2b8}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#495057;font-size:.8rem;font-weight:500}.students-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.student-card{background:#fff;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.student-card:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .2s ease;width:5px}.student-card.high-risk:before{background:#dc3545}.student-card.low-risk:before{background:#ffc107}.student-card.pass-risk:before{background:#3b82f6}.student-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.student-card.selected{background:#e8f5e9;border-color:#28a745}.student-card.selected:before{background:#28a7451a;width:100%}.selection-badge{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:26px;justify-content:center;position:absolute;right:12px;top:12px;width:26px;z-index:2}.risk-indicator{font-size:2rem;text-align:center}.risk-indicator,.student-info{margin-bottom:12px}.info-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:6px 0}.info-row:last-child{border-bottom:none}.info-row .key{color:#6c757d;font-size:.8rem;font-weight:600;text-transform:capitalize}.info-row .value{color:#2c3e50;font-size:.8rem;font-weight:500}.risk-badge{border-radius:6px;font-size:.85rem;font-weight:700;letter-spacing:.3px;padding:8px;text-align:center}.risk-badge.high{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 6px #dc354540;color:#fff}.risk-badge.low{background:linear-gradient(135deg,#ffc107,#e0a800);box-shadow:0 2px 6px #ffc10740;color:#2c3e50}@media (max-width:768px){.predictions-header{align-items:stretch}.header-actions,.predictions-header{flex-direction:column}.stats-bar,.students-grid{grid-template-columns:1fr}}.view-toggle{display:flex;gap:8px}.view-toggle button{font-size:.85rem;padding:6px 10px}.pred-table-wrapper{border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:auto}.pred-table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.pred-table thead th{background:#f8fafc;border-bottom:2px solid #e9ecef;color:#2c3e50;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.pred-table tbody td{border-bottom:1px solid #f1f3f5;padding:8px 12px;white-space:nowrap}.pred-table tbody tr:hover{background:#f9fbfd}.risk-row.risk-high{background:#fdecea}.risk-row.risk-low{background:#fff9e6}.risk-row.risk-pass{background:#f0f9ff}.risk-chip{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 8px}.risk-chip.high{background:#dc3545;color:#fff}.risk-chip.low{background:#ffc107;color:#2c3e50}.risk-chip.pass{background:#3b82f6;color:#fff}.row-selected{outline:2px solid #28a745}.stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.card{border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:12px;text-align:center}.card .num{color:#2c3e50;font-size:1.6rem;font-weight:800}.card .lbl{color:#6c757d;font-size:.8rem;font-weight:600}.card.info{background:#e8f7fa;border-left:4px solid #17a2b8}.card.warn{background:#fff9e6;border-left:4px solid #ffc107}.card.danger{background:#fdecea;border-left:4px solid #dc3545}.table-wrap{border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:auto}.table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.table th{background:#f8fafc;border-bottom:2px solid #e9ecef;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.table td{border-bottom:1px solid #f1f3f5;padding:8px 12px}.table tr:hover{background:#f9fbfd}.risk-high{background:#fdecea}.risk-low{background:#fff9e6}.card.neutral,.risk-pass{background:#f0f9ff}.card.neutral{border-left:4px solid #3b82f6}.table th.actual-col{background:#e3f2fd;border-left:3px solid #1976d2;color:#1976d2;font-weight:700}.table td.actual-col{background:#f8fbff;border-left:3px solid #1976d2;color:#0d47a1;font-weight:600}.model-info-compact{background:#f8f9fa;border-radius:6px;color:#495057;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.model-info-compact strong{color:#212529;margin:0 .5rem 0 1rem}.model-info-compact strong:first-child{margin-left:0}.feature-inputs{margin-bottom:1.5rem}.feature-inputs h3{color:#212529;font-size:1.1rem;margin-bottom:1rem}.inputs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{display:flex;flex-direction:column}.input-group label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group input{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.6rem;transition:border-color .2s}.input-group input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.prediction-result{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:2rem}.prediction-result h3{color:#212529;font-size:1.2rem;margin-bottom:1.5rem}.result-card{align-items:center;border-radius:12px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:2rem;transition:transform .2s}.result-card.high-risk{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:2px solid #f44336}.result-card.low-risk{background:linear-gradient(135deg,#f0f9ff,#e8f5e9);border:2px solid #4caf50}.result-icon{font-size:4rem;line-height:1}.result-details{flex:1 1}.result-label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.result-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-card.high-risk .result-value{color:#d32f2f}.result-card.low-risk .result-value{color:#2e7d32}.result-interpretation{color:#495057;font-size:1rem}.result-features{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.result-features h4{color:#212529;font-size:1rem;margin-bottom:1rem}.features-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-item{background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.feature-name{color:#495057;font-size:.9rem;font-weight:500}.feature-value{color:#212529;font-size:.9rem;font-weight:600}@media (max-width:768px){.inputs-grid{grid-template-columns:1fr}.result-card{flex-direction:column;gap:1rem;text-align:center}.result-icon{font-size:3rem}.result-value{font-size:1.5rem}.features-list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f09659c1.css.map*/