body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#333}h1{color:#2c3e50;text-align:center;margin-bottom:10px;font-weight:600}h2{color:#34495e;border-bottom:2px solid #3498db;padding-bottom:5px;margin-top:30px}table{border-collapse:collapse;width:100%;margin:20px 0 30px;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}th{background:linear-gradient(to bottom,#3498db,#2980b9);color:#fff;font-weight:600;padding:12px 15px;text-align:left}td{padding:12px 15px;border-bottom:1px solid #dddddd}tr:nth-child(2n){background-color:#f8f9fa}tr:hover{background-color:#e3f2fd}.upload-area{background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center;margin:20px 0;border:2px dashed #3498db;transition:border-color .3s}.upload-area:hover{border-color:#2980b9}input[type=file]{padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f8f9fa;width:100%;max-width:300px}#result{background-color:#fff;border-radius:8px;padding:20px;margin-top:20px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #3498db}.match{color:#27ae60;font-weight:700;font-size:1.1em}.mismatch{color:#e74c3c;font-weight:700;font-size:1.1em}#result{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input[type=file]:focus{outline:none;border-color:#3498db;box-shadow:0 0 8px #3498db80}@media(max-width:768px){table{font-size:12px;border-collapse:collapse}th,td{padding:6px;border:1px solid #ccc}body{margin:15px;font-size:14px}h1{font-size:24px}h2{font-size:20px}table{font-size:12px}th,td{padding:6px}.upload-area{margin:15px 0}#result{padding:10px}}@media(max-width:480px){table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap;border-collapse:collapse}th,td{border:1px solid #ccc;padding:6px}body{margin:10px}h1{font-size:20px}table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap}.upload-area{margin:10px 0}#result{padding:8px;font-size:13px}}@media(min-width:769px){body{margin:30px}}