*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f2f5f9;font-family:Segoe UI,Arial,sans-serif}.container{width:100%;max-width:900px;margin:0 auto;padding:0 20px 20px}h1{text-align:center;color:#004080;margin-bottom:30px}.search-box{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.search-input-wrapper{flex:1;max-width:450px;position:relative}.search-input-wrapper .input-icon{color:#666;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:14px 16px 14px 40px;font-size:18px;transition:all .3s}.search-box input:focus{border-color:#0057b7;box-shadow:0 0 5px #0057b740}.search-box button{color:#fff;cursor:pointer;background:#0057b7;border:none;border-radius:8px;padding:14px 30px;font-size:16px;transition:all .3s}.search-box button:hover{background:#003d82}.search-box .clear-btn{color:#333;background:#f1f1f1;border:1px solid #ccc;justify-content:center;align-items:center;width:42px;min-width:42px;padding:14px;font-size:18px;line-height:1;display:flex}.search-box .clear-btn:hover{background:#e6e6e6}.search-box button:disabled{cursor:not-allowed;background:#999}.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 8px 25px #00000014}.card h2{text-align:center;color:#004080;margin-bottom:8px}.card h3{text-align:center;color:#666;margin-bottom:20px}.card hr{border:none;border-top:1px solid #ddd;margin:20px 0}.info{grid-template-columns:repeat(2,1fr);gap:12px 25px;margin-bottom:30px;display:grid}.info p{background:#f8f9fa;border-radius:6px;padding:10px}.result-table{border-collapse:collapse;width:100%}.result-table th{color:#fff;background:#0057b7;padding:12px}.result-table td{border-bottom:1px solid #ddd;padding:6px 8px}.result-table tr:nth-child(2n){background:#f8f9fa}.result-table td:last-child{text-align:center;font-weight:700}.summary{text-align:center;margin-top:30px}.summary h2{margin-top:15px;font-size:32px;font-weight:700}.error{color:#c62828;text-align:center;background:#ffebee;border-radius:8px;margin-bottom:20px;padding:15px}@media (width<=768px){.container{padding:15px}.card{padding:20px}.info{grid-template-columns:1fr}}@media (width<=600px){.search-box{flex-flow:wrap;justify-content:center;align-items:center}.search-input-wrapper{flex:180px;min-width:120px}.search-box button{flex:none;width:auto}.card{padding:15px}.result-table{white-space:nowrap;display:block;overflow-x:auto}h1{font-size:26px}.summary h2{font-size:28px}}