.results-tile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;display:flex;flex-direction:column;height:100%;min-height:240px}.results-tile:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.results-tile.has-discrepancy{border-color:#eb4022;border-width:2px}.tile-header{display:flex;justify-content:space-between;align-items:center;margin:-16px -16px 12px;padding:12px 16px;background-color:#111827;border-radius:8px 8px 0 0;flex-shrink:0}.tile-content-wrapper{flex:1;display:flex;flex-direction:column}.field-name{margin:0;font-size:16px;font-weight:600;color:#fff;flex:1}.match-indicators{display:flex;gap:4px}.match-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:help;box-shadow:0 1px 2px #0000001a}.match-indicator.status-icon{border:2px solid;box-shadow:0 2px 4px #00000026}.tile-values{flex-grow:1}.value-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.value-row.label-only{justify-content:flex-start;margin-bottom:2px}.value-row.value-only{justify-content:flex-start;margin-bottom:8px}.value-label{font-size:12px;font-weight:500;color:#111827;text-transform:uppercase;letter-spacing:.05em}.value-text{font-size:14px;font-weight:500;padding:2px 6px;border-radius:4px;max-width:85%;word-break:break-word}.document-value{background-color:transparent;color:#111827}.master-value{background-color:#f0fdf4;color:#166534}.tile-metadata{margin-bottom:12px;padding:8px;background-color:#f9fafb;border-radius:4px}.tile-metadata-bottom{margin:auto -16px -16px;padding:8px 16px;background-color:#f3f4f6;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;flex-shrink:0}.metadata-content{display:flex;align-items:center;gap:12px}.status-indicator-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.metadata-rows{flex:1}.metadata-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.metadata-row:last-child{margin-bottom:0}.metadata-label{font-size:11px;font-weight:500;color:#6b7280}.metadata-value{font-size:11px;color:#374151;font-weight:500}.tile-metadata-bottom .metadata-label{color:#ffffffe6;font-weight:600}.tile-metadata-bottom .metadata-value{color:#fff;font-weight:600}.tile-comment{margin-top:8px;margin-bottom:16px;padding:8px;background-color:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;display:flex;align-items:flex-start;gap:6px}.comment-text{font-size:12px;color:#1e40af;font-style:italic;flex:1}.comment-icon{color:#3b82f6;font-size:14px;margin-top:1px;flex-shrink:0}.discrepancy-warning{margin-top:8px;padding:6px 8px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;font-size:11px;color:#dc2626;font-weight:500}.results-container{width:100%;margin:0;padding:20px 0;min-height:100vh}.results-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.results-title{margin-bottom:16px}.results-title h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#111827}.loan-id{font-size:14px;color:#6b7280;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:monospace}.summary-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.stat-number{font-size:24px;font-weight:700;color:#111827;line-height:1}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.processing-info{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000001a}.processing-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.processing-timestamp{font-size:14px;color:#374151;font-family:monospace}.files-status{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.files-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-right:12px}.files-list{display:flex;gap:12px;flex-wrap:wrap}.file-status{font-size:12px;padding:2px 6px;border-radius:4px;font-weight:500}.file-status.processed{background-color:#f0fdf4;color:#166534}.file-status.not-processed{background-color:#fef2f2;color:#dc2626}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;align-items:stretch}.search-filter-controls{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.search-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-input-wrapper{position:relative;flex:1;max-width:500px}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.clear-search{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px;cursor:pointer;color:#6b7280;font-size:14px;transition:all .2s ease}.clear-search:hover{background:#e5e7eb;color:#374151}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;font-weight:500;color:#374151;transition:all .2s ease;white-space:nowrap}.filter-button:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.filter-button.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.filter-button:disabled{opacity:.5;cursor:not-allowed}.filter-count{background:#0000001a;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.filter-button.active .filter-count{background:#fff3}.results-count{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.clear-filters{background:#fff8e1;border:1px solid #EFAD06;border-radius:4px;padding:4px 8px;cursor:pointer;color:#92400e;font-size:12px;font-weight:500;transition:all .2s ease}.clear-filters:hover{background:#fbbf24;color:#78350f}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-results h3{margin:0 0 8px;font-size:18px;color:#374151}.no-results p{margin:0 0 16px;color:#6b7280}.results-legend{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.results-legend h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.legend-items{display:flex;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.legend-item .match-indicator{width:16px;height:16px;font-size:10px}@media (max-width: 1400px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 1024px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.results-container{padding:12px}.results-header{padding:16px}.results-grid{grid-template-columns:1fr}.results-tile{padding:12px}.value-row{flex-direction:column;align-items:flex-start;gap:4px}.value-text{max-width:100%}.summary-stats{gap:16px}.legend-items{flex-direction:column;gap:8px}.search-filter-controls{padding:16px}.search-container{flex-direction:column;align-items:stretch;gap:8px}.search-input-wrapper{max-width:none}.filter-buttons{justify-content:center}.filter-button{font-size:11px;padding:6px 10px}.results-count{flex-direction:column;align-items:center;gap:8px;text-align:center}}html,body{margin:0;padding:0;font-family:-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-color:#000}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}