:root{--arclogi-teal:#008c9e;--arclogi-teal-light:#00b4cc;--arclogi-teal-dark:#007180;--arclogi-charcoal:#22262a;--arclogi-charcoal-light:#383d42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--arclogi-charcoal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}a{color:var(--arclogi-teal);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--arclogi-teal-dark)}body{min-width:320px;min-height:100vh;margin:0;display:block}*{box-sizing:border-box}.page{max-width:920px;margin:0 auto;padding:48px 20px}.header{margin-bottom:32px}.titleRow{align-items:center;gap:12px;margin-bottom:12px;display:flex}.titleIcon{width:32px;height:32px;color:var(--arclogi-teal);flex-shrink:0}.title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--arclogi-teal)0%,var(--arclogi-teal-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.badge{background:linear-gradient(135deg,var(--arclogi-teal)0%,var(--arclogi-teal-dark)100%);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.subtitle{color:#4b5563;margin:0 0 16px;font-size:15px;line-height:1.6}.features{flex-wrap:wrap;gap:12px;display:flex}.feature{color:#374151;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.featureIcon{width:16px;height:16px;color:var(--arclogi-teal);flex-shrink:0}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.searchRow{align-items:stretch;gap:12px;display:flex}.searchInput{background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:all .2s}.searchInput:focus{border-color:var(--arclogi-teal);box-shadow:0 0 0 3px #008c9e1a}.searchButton{background:linear-gradient(135deg,var(--arclogi-teal)0%,var(--arclogi-teal-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #008c9e4d}.buttonIcon{flex-shrink:0;width:18px;height:18px}.searchButton:hover{transform:translateY(-1px);box-shadow:0 4px 8px #008c9e66}.searchButton:active{transform:translateY(0)}.results{margin-top:16px}.resultsHeader{border-bottom:1px solid #eef0f5;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.resultsTitle{text-transform:uppercase;letter-spacing:.08em;color:#384150;margin:0;font-size:14px}.meta{color:#6a7280;font-size:13px}.empty{text-align:center;color:#6b7280;padding:48px 20px}.emptyIcon{color:#9ca3af;stroke-width:1.5px;width:64px;height:64px;margin:0 auto 16px}.emptyText{color:var(--arclogi-charcoal);margin-bottom:8px;font-size:16px;font-weight:600}.emptyHint{color:#9ca3af;font-size:14px}.resultsList{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.resultItem{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.resultItem:hover{border-color:var(--arclogi-teal);transform:translateY(-2px);box-shadow:0 4px 12px #008c9e26}.resultName{color:var(--arclogi-charcoal);margin-bottom:8px;font-size:16px;font-weight:700}.resultDesc{color:#4b5563;font-size:14px;line-height:1.5}.resultMeta{color:#6b7280;border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px;font-size:12px;font-weight:600}.tabBar{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:var(--arclogi-teal);background:#008c9e0d}.tabActive{color:var(--arclogi-teal);border-bottom-color:var(--arclogi-teal)}.tabIcon{flex-shrink:0;width:18px;height:18px}.formSection{margin-bottom:32px}.sectionTitle{color:var(--arclogi-charcoal);margin:0 0 16px;font-size:18px;font-weight:700}.dataForm{flex-direction:column;gap:12px;display:flex}.formGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.formInput{background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.formInput:focus{border-color:var(--arclogi-teal);box-shadow:0 0 0 3px #008c9e1a}.formInput:disabled{cursor:not-allowed;background:#f3f4f6}.formTextarea{resize:vertical;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.formTextarea:focus{border-color:var(--arclogi-teal);box-shadow:0 0 0 3px #008c9e1a}.formTextarea:disabled{cursor:not-allowed;background:#f3f4f6}.formActions{flex-wrap:wrap;gap:12px;display:flex}.primaryButton{background:linear-gradient(135deg,var(--arclogi-teal)0%,var(--arclogi-teal-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #008c9e4d}.primaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #008c9e66}.primaryButton:active:not(:disabled){transform:translateY(0)}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.secondaryButton{border:2px solid var(--arclogi-teal);color:var(--arclogi-teal);cursor:pointer;background:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}.secondaryButton:hover{background:#008c9e0d}.secondaryButton:disabled{opacity:.6;cursor:not-allowed}.errorBox{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:12px;font-size:14px}.listSection{margin-top:32px}.dataTable{flex-direction:column;gap:8px;display:flex}.dataRow{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.dataCell{flex:1}.dataSubtext{color:#6b7280;margin-top:4px;font-size:13px}.resultsSection{margin-top:32px}.metricsGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.metricCard{text-align:center;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:12px;padding:16px}.metricLabel{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:600}.metricValue{color:var(--arclogi-teal);font-size:28px;font-weight:700}.dataActions{flex-shrink:0;gap:8px;display:flex}.actionButton{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.actionButton svg{width:16px;height:16px}.editAction{color:var(--arclogi-teal);border-color:var(--arclogi-teal)}.editAction:hover{background:#008c9e1a}.deleteAction{color:#dc2626;border-color:#dc2626}.deleteAction:hover{background:#fef2f2}.dangerButton{color:#dc2626;cursor:pointer;background:#fff;border:2px solid #dc2626;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.dangerButton:hover{background:#fef2f2}.cancelButton{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.cancelButton:hover{background:#4b5563}.sectionHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.evaluationSection{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:32px}.evaluationForm{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.confusionSection{margin-top:32px}.confusionMatrix{background:#e5e7eb;border:2px solid #e5e7eb;border-radius:12px;grid-template-columns:120px 1fr 1fr;gap:2px;margin-bottom:16px;display:grid;overflow:hidden}.confusionRow{display:contents}.confusionCell{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:16px;display:flex}.confusionHeaderCell{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:13px;font-weight:700}.confusionLabel{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.confusionValue{font-size:32px;font-weight:700}.confusionTp{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.confusionTp .confusionValue{color:#047857}.confusionTn{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.confusionTn .confusionValue{color:#1d4ed8}.confusionFp{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%)}.confusionFp .confusionValue{color:#c2410c}.confusionFn{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%)}.confusionFn .confusionValue{color:#dc2626}.confusionLegend{background:#f9fafb;border-radius:8px;gap:24px;padding:16px;font-size:14px;display:flex}.legendItem{align-items:center;gap:8px;display:flex}