@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--color-legit:#10b981;--bg-legit:#dcfce7;--text-legit:#166534;--color-fraud:#ef4444;--bg-fraud:#fee2e2;--text-fraud:#991b1b;--color-warning:#f59e0b;--bg-warning:#fef3c7;--text-warning:#92400e;--color-blue:#3b82f6;--color-purple:#8b5cf6;--row-height:57px;--header-height:52px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.dashboard-subtitle{color:var(--text-secondary);font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary{background-color:var(--text-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#334155;transform:translateY(-1px)}.metrics-grid{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.middle-section{grid-template-columns:350px 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.middle-section{grid-template-columns:1fr}}.metric-card{flex-direction:column;flex:1;justify-content:center;min-width:180px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";border-radius:var(--radius-md) 0 0 var(--radius-md);width:4px;position:absolute;top:0;bottom:0;left:0}.metric-card.accuracy:before{background-color:var(--color-blue)}.metric-card.precision:before{background-color:var(--color-purple)}.metric-card.recall:before{background-color:var(--color-warning)}.metric-card.f1:before{background-color:var(--color-legit)}.metric-card.files:before{background-color:var(--text-secondary)}.metric-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.metric-value{color:var(--text-primary);font-size:2rem;font-weight:700}.section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:1.5rem;font-size:.75rem;font-weight:600}.confusion-matrix-grid{text-align:center;grid-template-rows:auto 1fr 1fr;grid-template-columns:80px 1fr 1fr;align-items:center;gap:.5rem;display:grid}.cm-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.cm-cell{border-radius:var(--radius-sm);padding:1.5rem;font-size:1.5rem;font-weight:700;transition:transform .2s}.cm-cell:hover{transform:scale(1.05)}.cm-cell-correct{background-color:var(--bg-legit);color:var(--text-legit)}.cm-cell-incorrect{background-color:var(--bg-fraud);color:var(--text-fraud)}.cm-cell-zero{color:#cbd5e1;background-color:#f1f5f9}.confidence-list{flex-direction:column;gap:1rem;display:flex}.confidence-item{align-items:center;gap:1rem;display:flex}.conf-label{width:100px;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:.875rem}.conf-bar-bg{background-color:#f1f5f9;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.conf-bar-fill{border-radius:4px;height:100%;transition:width 1s ease-out;position:absolute;top:0;left:0}.conf-bar-fill.high{background-color:var(--color-legit)}.conf-bar-fill.medium{background-color:var(--color-warning)}.conf-bar-fill.low{background-color:var(--color-fraud)}.conf-value{text-align:right;width:40px;font-family:Roboto Mono,monospace;font-size:.875rem;font-weight:600}.filter-bar{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.filter-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background-color:var(--bg-card);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:10px;padding:.45rem 2.25rem .45rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-select:hover{border-color:var(--text-secondary)}.filter-select:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a1a}.filter-clear-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);background-color:var(--bg-card);cursor:pointer;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.filter-clear-btn:hover{color:var(--text-primary);background-color:#f1f5f9}.table-container{width:100%;overflow-x:hidden}.data-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color);letter-spacing:.03em;white-space:normal;word-break:break-word;padding:.5rem;font-size:.7rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;height:var(--row-height);text-overflow:ellipsis;padding:0 .5rem;font-size:.8rem;overflow:hidden}.data-table th:first-child,.data-table td:first-child{width:10%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:14%}.data-table th:nth-child(3),.data-table td:nth-child(3){width:4%}.data-table th:nth-child(4),.data-table td:nth-child(4){width:11%}.data-table th:nth-child(5),.data-table td:nth-child(5),.data-table th:nth-child(6),.data-table td:nth-child(6){width:9%}.data-table th:nth-child(7),.data-table td:nth-child(7){width:12%}.data-table th:nth-child(8),.data-table td:nth-child(8){width:8%}.data-table th:nth-child(9),.data-table td:nth-child(9){width:9%}.data-table th:nth-child(10),.data-table td:nth-child(10){width:5%}.data-table th:nth-child(11),.data-table td:nth-child(11){width:8%}.data-table th:nth-child(12),.data-table td:nth-child(12){width:5%}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#f8fafc}.font-mono{font-family:Roboto Mono,monospace}.case-id{color:var(--text-primary);font-weight:600}.file-name{font-weight:500}.page-number{color:var(--text-muted)}.conf-percent{color:var(--color-legit);font-weight:500}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-outline{background-color:#0000;border:1px solid #0000}.badge.ok,.badge.legit{background-color:var(--bg-legit);color:var(--text-legit)}.badge-outline.ok,.badge-outline.legit{border-color:var(--color-legit);color:var(--color-legit);background-color:#0000}.badge.flag,.badge.fraud{background-color:var(--bg-fraud);color:var(--text-fraud)}.badge-outline.flag,.badge-outline.fraud{border-color:var(--color-fraud);color:var(--color-fraud);background-color:#0000}.badge.warning{background-color:var(--bg-warning);color:var(--text-warning)}.match-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.match-icon.correct{background-color:var(--color-legit);color:#fff}.match-icon.incorrect{background-color:var(--color-fraud);color:#fff}.table-footer-note{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-family:Roboto Mono,monospace;font-size:.75rem}.status-select{appearance:none;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:10px;border:1px solid #0000;width:100%;min-width:70px;max-width:100%;padding:.35rem 1.75rem .35rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.status-select:hover{filter:brightness(.95);box-shadow:var(--shadow-sm)}.status-select:focus{box-shadow:0 0 0 2px var(--border-color);outline:none}.status-select.ok,.status-select.legit{background-color:var(--bg-legit);color:var(--text-legit);border-color:#bbf7d0}.status-select.flag,.status-select.fraud{background-color:var(--bg-fraud);color:var(--text-fraud);border-color:#fecaca}.status-select.warning{background-color:var(--bg-warning);color:var(--text-warning);border-color:#fde68a}.metadata-details{color:#888;white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.3}.btn-icon-delete{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-fraud);cursor:pointer;background-color:#fff1f2;border:1px solid #fecaca;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon-delete:hover{background-color:var(--color-fraud);color:#fff;box-shadow:var(--shadow-sm);transform:scale(1.1)}.data-table-layout{width:100%;display:flex;position:relative}.table-main-area{flex:1;min-width:0;overflow:hidden}.side-actions-column{border-left:1px solid var(--border-color);background-color:#f8fafc;flex-direction:column;flex-shrink:0;width:80px;display:flex}.side-actions-header{height:var(--header-height);text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color);letter-spacing:.05em;justify-content:center;align-items:center;padding:1rem;font-size:.75rem;font-weight:600;display:flex}.side-actions-body{flex:1}.side-action-group{border-bottom:1px solid #0000;justify-content:center;align-items:center;display:flex}@media (width>=0){.side-actions-column{z-index:10;position:sticky;right:0;box-shadow:-4px 0 10px #00000005}}.ela-edit-group{flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0;display:flex}.ela-conf-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:65px;color:var(--text-primary);background-color:#fff;padding:.35rem .5rem;font-size:.75rem;transition:all .2s}.ela-conf-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a1a}.ela-conf-input::placeholder{color:var(--text-muted)}.ela-error-badge{border-radius:var(--radius-sm);color:#92400e;white-space:nowrap;background-color:#fef3c7;border:1px solid #fde68a;justify-content:center;align-items:center;padding:.35rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}