@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f7f6;font-family:Inter,sans-serif;overflow-x:hidden}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 6px #0000000d}.dashboard-header h1{color:#1a1a2e;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.dashboard-header nav{gap:1.5rem;display:flex}.dashboard-header nav a{color:#64748b;font-weight:500;text-decoration:none;transition:color .2s}.dashboard-header nav a.active-link,.dashboard-header nav a:hover{color:#0070f3}.hero-section{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #ffffff80;border-radius:16px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 25px #00000005}.hero-section h2{color:#0f172a;letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.hero-section p{color:#475569;max-width:800px;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.feature-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000005}.feature-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.feature-card p{color:#64748b;line-height:1.6}.dashboard-layout{align-items:flex-start;gap:2rem;transition:all .3s;display:flex}.table-container{background:#fff;border-radius:12px;flex:1;transition:flex .3s;overflow:hidden;box-shadow:0 4px 12px #00000008}.panel-open .table-container{flex:0 0 60%}.table-header-row{border-bottom:1px solid #f1f5f9;padding:1.5rem}.table-header-row h2{color:#0f172a;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.table-header-row p{color:#64748b;font-size:.875rem}.exception-table{border-collapse:collapse;text-align:left;width:100%}.exception-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.875rem;font-weight:500}.exception-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.95rem}.exception-table tr{cursor:pointer;transition:background-color .2s}.exception-table tr:hover{background-color:#f8fafc}.exception-table tr.selected-row{background-color:#f0f9ff}.font-medium{font-weight:500;color:#0f172a!important}.confidence-badge{color:#4338ca;background-color:#e0e7ff;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.status-badge{items:center;border-radius:9999px;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-badge.flagged{color:#ef4444;background-color:#fef2f2}.icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.exception-table tr:hover .icon-btn{color:#0ea5e9}.inline-icon{vertical-align:middle;margin-right:.25rem}.review-panel-wrapper{flex:0 0 calc(40% - 2rem);position:sticky;top:2rem}.review-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;max-height:calc(100vh - 4rem);animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.review-header{background-color:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.review-header h3{color:#0f172a;font-size:1.125rem;font-weight:600}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.close-btn:hover{color:#1e293b;background-color:#e2e8f0}.review-content{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.ai-reasoning-box{background:linear-gradient(90deg,#f5f3ff,#ede9fe);border-left:4px solid #8b5cf6;border-radius:8px;padding:1.5rem}.ai-reasoning-box h4{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.ai-reasoning-box p{color:#4c1d95;font-size:.95rem;line-height:1.6}.correction-diff h4,.original-data h4{color:#1e293b;border-bottom:1px solid #f1f5f9;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.diff-card{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;overflow:hidden}.diff-field{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.diff-comparison{align-items:center;gap:1rem;padding:1rem;display:flex}.diff-original{color:#991b1b;text-align:center;background-color:#fef2f2;border-radius:4px;flex:1;padding:.5rem;font-family:monospace;text-decoration:line-through}.diff-arrow{color:#94a3b8}.diff-suggested{color:#166534;text-align:center;background-color:#f0fdf4;border-radius:4px;flex:1;padding:.5rem;font-family:monospace;font-weight:600}.diff-action-text{color:#475569;background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.875rem;font-style:italic}.original-data pre{color:#e2e8f0;background-color:#1e293b;border-radius:8px;padding:1rem;font-size:.85rem;overflow-x:auto}.review-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.primary-btn{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1.05rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #0ea5e963}.primary-btn:hover{background-color:#0284c7;transform:translateY(-2px)}.approve-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:flex}.approve-btn:hover{background-color:#059669}.secondary-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.secondary-btn:hover{color:#1e293b;background-color:#f8fafc}
