*{margin:0;padding:0}body{font-family:Arial,sans-serif}.App{text-align:center;background-color:#f5f5f5}.navbar{background-color:#333;color:#fff;padding:10px 0}.navbar ul{list-style:none;padding:0;display:flex;justify-content:center}.navbar li{margin:0 15px;cursor:pointer;transition:.3s;color:#fff;text-decoration:none}.navbar li:hover{color:#ff5722}.container{max-width:800px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:10px;text-align:left}th{background-color:#f0f0f0}.expand-icon{margin-right:5px}.form-container{max-width:400px;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-height:80vh}.input-field{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin:20px}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff66}.submit-button{display:block;width:100%;margin-top:15px;padding:10px;background-color:#007bff;border:none;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#0056b3}