body{font-family:Poppins,Roboto,Arial,sans-serif;background:#f4f6fb;margin:0;padding:0 0 120px}nav{background:#fff;box-shadow:0 2px 8px #0000000d;padding:1rem 2rem;display:flex;gap:2rem;align-items:center;margin-bottom:2rem}nav a{color:#007bff;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color .2s}nav a.active,nav a:hover{color:#0056b3;border-bottom:2px solid #007bff}.container{max-width:900px;margin:2rem auto;background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 24px #00000014}h2,h3{color:#222;font-weight:600;margin-bottom:1.2rem}form label{font-weight:500;margin-bottom:.5rem;display:block}form input,form textarea{width:100%;padding:.7rem;border-radius:6px;border:1px solid #d1d5db;margin-bottom:1rem;font-size:1rem;background:#f8fafc;transition:border .2s}form input:focus,form textarea:focus{border:1.5px solid #007bff;outline:none}button{padding:.6rem 1.8rem;font-size:1rem;border:none;border-radius:6px;background:linear-gradient(90deg,#007bff,#0056b3);color:#fff;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:background .2s}button:hover{background:linear-gradient(90deg,#0056b3,#007bff)}table{width:100%;border-collapse:collapse;margin-top:1.5rem;background:#f8fafc;border-radius:8px;overflow:hidden}thead tr{background:#e9ecef}th,td{padding:.8rem .6rem;text-align:left;border-bottom:1px solid #e5e7eb}th{font-weight:600;color:#333}tr:last-child td{border-bottom:none}.result{margin-top:1.5rem;padding:1rem;border-radius:6px;background:#e9ecef;font-weight:500;color:#222}input[type=file]{margin-bottom:1rem}@media(max-width:768px){body{padding-bottom:140px}.container{margin:1rem;padding:1.5rem;border-radius:8px}nav{flex-direction:column;gap:1rem;padding:1rem;text-align:center}nav a{font-size:1rem;padding:.5rem 1rem;border-radius:6px;background:#f8f9fa;display:block;margin:.25rem 0}nav a.active,nav a:hover{background:#007bff;color:#fff;border-bottom:none}h2{font-size:1.5rem;text-align:center}h3{font-size:1.25rem}form input,form textarea{padding:.8rem;font-size:1rem}button{width:100%;padding:.8rem;font-size:1rem;margin:.5rem 0}table{font-size:.85rem;display:block;overflow-x:auto;white-space:nowrap}th,td{padding:.5rem .3rem;min-width:80px}}@media(max-width:480px){body{padding-bottom:160px}.container{margin:.5rem;padding:1rem}nav{padding:.75rem}nav a{font-size:.95rem;padding:.6rem}h2{font-size:1.25rem}h3{font-size:1.1rem}form input,form textarea,button{padding:.75rem;font-size:.95rem}table{font-size:.8rem}th,td{padding:.4rem .2rem;min-width:60px}}